@charset "UTF-8";

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

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

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

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

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

.words{
       height:50px;
       width:260px;
       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: 100px;
       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;
}