#top {
    color : white;
    background-image: url("tt.jpg");
    background-attachment: fixed;
    height: 400px;
    text-align:center;
}

#hob {
    color :white;
    background-image: url("hob.webp");
    background-attachment: fixed;
    height: 400px;
    text-align:center;
}

#edu {
    color :white;
    background-image: url("edu.webp");
    background-attachment: fixed;
    height: 400px;
    text-align:center;
}

#tt {
    color :white;
    background-image: url("milky_way.jpeg");
    background-attachment: fixed;
    text-align:center;
}

#ach {
    color :white;
    background-image: url("ach.jpg");
    background-attachment: fixed;
    height: 400px;
    text-align:center;
}

#main_content{
    background-color:lemonchiffon;    
}
#nav{
    color:blanchedalmond;
}
#nav:hover{
    background-color:blanchedalmond;
    color:crimson;
}
#smaller_screen{
    width: 65%;
}
#about_me{
    background-color:firebrick;
    color:white;
}
body{
    position:relative;
    background-color: beige;
    font-size:25px;
}

div{
    font-size: 20px;    
}

footer{
    text-align: center;
    background-color: rgb(237, 53, 36);
    color: white;
    font-size: 20px;
}

#my_pic {
    width:300px;
    height:auto;
}
#tt td:hover{
    background-color:rgb(30, 0, 128);
}
#c {
    color:darkblue
}
.list-group-item:hover{
    background-color: black;
    color:white;
}
#displaying-options{
    color:darkorange;
    background-color: navy;
    visibility: hidden;
}