body {
    background-color: #B85042;
    padding: 10;
    margin: 5%;
    font-family:'Work Sans',Serif;
    font-size:22px;
}

h1, h2, h3 {
    color: #A4CAC6;
    font-family:'Neuton',Serif;
}

header h1{
    font-size: 50px;
}

ul{
    list-style: none;
    text-align: justify;
}

img{
    border-radius: 5%;
    width: 50px;
    height:50px;
}
#major {
    background-color: #E7E8D1;
    text-align: center;
}

#assignments {
    background-color: #e7e8d1;
    text-align: center;
}

footer {
    background-color: #A7BEAE;
    text-align: center;
    
}

footer h3{
    color:#E7E8D1;
}

@media only screen and (min-width:400px){
    body{
        width:400px;
        margin: auto;
    }

    #info{
        display: flex;
        justify-content: center;
    
      
    }   
    
    .main{
        display: flex;
        flex-direction: column;
  
    }
    #major{
        padding:auto;
        text-align: center;
    }
    
    #assignments{
        padding: 25px;
        text-align: center;
    }

    footer{
        width:100%;
    }

}

@media only screen and (min-width:900px) {
    body{
        width: 900px;
        margin: auto;
    }
 #info{
     display: flex;
     justify-content: center;
     width:100%;
 }   
  .main{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      width:100%;
  }
  #major{
    padding:auto;
    text-align: center;
    width: 30%;
}

#assignments{
    padding: auto;
    text-align: center;
    width:60%;
}

footer{
    width:100%;
}


}