@charset "UTF-8";
body {
　　background-color: black;
　　color:white;
}

.toppic{
       height:330px;
       width:360px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-14 at 9.35.01.png");
       background-size: cover;    
       margin-top: 0px;
       margin-left: 0px;
       margin-right: 0px;
       align-content: center;
}

.cardreader{
       height:460px;
       width:360px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-15 at 20.12.28.png");
       background-size: cover;    
       margin-top: 30px;
       margin-left: 0px;
       margin-right:30px;
       align-content: center;    
}


.PC{
       height:450px;
       width:370px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-15 at 14.43.54.png");
       background-size: cover;    
       margin-top: 30px;
       margin-left:0px;
       margin-right:20px;
       margin-bottom: 30px;
       
}

.roomview{
       height:280px;
       width:370px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-14 at 9.48.42.png");
       background-size: cover;    
       margin-top: 0px;
       margin-left: 0px;
       margin-right:0px;
       margin-bottom: 0px;
       align-content: center;        
}

.lastwords{
       height:70px;
       width:280px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-15 at 14.42.51.png");
       background-size: cover;    
       margin-top: 0px;
       margin-left: 70px;
       margin-right:0px;
       margin-bottom:0px;
       align-content: center;            
}

#backarrow{
      height: 40px;
      width: 70px;
      background-color: black;
      background-image: url("xd images/Screen Shot 2020-01-15 at 14.44.10.png");
      background-size: cover;
      margin-left:0px;
      margin-top: 0px;
      margin-bottom: 30px;
}