/* Shuran Yang */
header {
    background-color: #7575a3;
    width: 100%;
    border-bottom: 5px double cadetblue;
    margin-top: -0.5em;
    
 }
     
header h1{
    text-align:left; 
    padding-bottom: 3.5em;
    align-content: center;
    margin-top: -5.5em
}
 nav {
    background-color: #00a3cc;
    float: left;
    width: 20%;
    clear: left;
    min-height: 3150px;
    border-right: 1px solid cadetblue;
 }

nav h3 {
    color: white;
    margin-bottom: -0.5em;
    margin-left: 0.5em;
}
.menu {
    width: 20%;
}

.menu li {
 list-style-type: none;
 margin-right: 0.5em;  
 margin-left: -2.5em;
 background-color: #5c5c8a; 
}

.menu a { 
    color: white; 
    display: block;
    padding: 10px;
    text-decoration: none;
}

.menu a:hover {
    background-color: #99ebff;
}

   .boxToGrow {
        width: 400px;
        height: 100px;
        margin: auto;
        margin-top: 7em;
        background-color: #333399;
        transition: all 0.3s ease;
                    
}
    .boxToGrow:hover {
        transform: scale(1.3);
        background-color: #00ffff;
}
        
    h2 {
        padding-top: 1.5em;
        color: white;
        text-align: center;
}

 section {
    float: left;
    width: 79%;
    padding-left: 1em;
    background-color: #80d4ff;
}

figure {
    margin-left: 15em;
    margin-right: auto;
}

p {
    margin-left: 12em;
    margin-right: 12em;
}
iframe {
    margin-left: 5em;

}

 footer {
    clear: both;
    border-top: 2px double cadetblue;
    text-align: center;
    background-color: #5c5c8a;
 }