*{
  box-sizing: border-box;
  position: relative;
}

body{
  padding: 0;
  margin: 0;
  background-color: #2e2a23;
}

body,*
{
  font-family: "Exo 2", "Lato", "Helvetica Neue", sans-serif;

}

header h1 {
  color: 
  rgba(255,255,255,.3);
  font-size: 45px;
  margin: 0;
  font-weight: 400;
  text-align: center;
  padding: 20px 30px;
}

.ask
{
    width: 90%;
    margin:0 auto 20px;
}
.ask span
{
  font-weight: bold;
  color: #011409;
}


#window
{
  border: solid 30px #0D0D0D;
  border-radius: 20px;
  padding: 2px;
  margin: 10px;
  overflow: hidden;
  background: #FFF;
  margin: 0 auto;
  width: 69%;
  min-height: 50vh;
  
}
.laptop
{
  position: relative;
  margin-bottom: 100px;
}
.laptop-bottom
{
  width: 69%;

  position: absolute;
  margin-left: auto; 
  margin-right: auto; 
  left: 0; 
  right: 0; 
}

#header
{
  width: 100%;
  line-height: 20px;
}
#subHeader
{
  clear: both;
  width: 100%;
}
#header span
{
  margin-left: 10px;
}
.header-left-icons
{
  float: left;
}
.header-right-icons
{
  float: right;
}

#addressBar
{
  clear: both;
  width: 100%;
 
}
#address
{
 width: 80%;
 height: 20px;
}

#body
{
  clear: both;
}

#container
{
  float: left;
  max-width: 400px;
  border-right: solid 1px #ccc;
  margin: 5px;
  padding: 5px;
 pointer-events: none;
}

.icon-file
{
  width: 100px;
  float: left;
  margin: 20px 20px;
  text-align: center;
  overflow: hidden;
  word-wrap: break-word;
  padding: 5px;
  border:solid 1px #FFF;
}
.icon-file img
{
  width: 50px;
}

.icon-file.selected
{
  background-color: rgb(230, 242, 253);
  border:solid 1px rgb(0, 0, 126);
}

footer {
  text-align: center;
  color: rgb(77, 77, 77);
  margin-top: 5px;
}


/*popup*/
#popup
{
  margin: 0 auto;
  background-color: #000;
  width: 100%;
  min-height: 100vh;
  position: absolute;
  z-index: 1;
 color: #c0c0c0;
 padding: 20px;
}
#popup h1
{
  text-align: center;
}

#start
{
  background-color: rgb(0, 153, 0);
  padding: 10px;
  text-align: center;
} 

#start:hover
{
 cursor: pointer;
 background-color: white;
 color: rgb(0, 153, 0);
 transition: .5s;
} 

.screen
{
  max-width: 100%;
  
}
header h2
{
  text-align: center;

}
#showpopup
{
  color: #ccc;
}