@charset "UTF-8";

body {
　　background-color: black;
　　color:white;
}

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

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

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

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

.camera{
       height:350px;
       width:370px;
       background-color: black;
       background-image:url("xd images/Screen Shot 2020-01-15 at 15.29.03.png");
       background-size: cover;    
       margin-top: 40px;
       margin-left: 0px;
       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: 20px;
}