.container {
    position: relative;
    width:50%;
    height: 50%;
    text-align: center;
    display: inline-block;
    margin-left: 25%;
    
}
.image {
    width: 100%;
    opacity: 1;
    border-radius: 50px;
    border: 2px solid royalblue;
    box-shadow: 5px 5px 50px royalblue;
    display: block;
    transition: .5s ease;
}
.point{
    color: #0037ff;
}

.box {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.container:hover {
    opacity: .8;
}
.container:hover .box{
    opacity: 1;
}
.imgtext {
    background-color: #0707bb;
    color: rgb(247, 210, 2);
    font-size: 26px;
    padding: 16px 32px;
  }


h1 {
    font-size:250%;
    margin-left: 10%;
    margin-right: 20%;
    background-color: #001666;
    
    color: rgb(241, 205, 0);
}

.description {
    text-align: left;
    background-color: rgb(33, 18, 72);
    font-size: 30px;
    color: rgb(235, 249, 126);
    height: auto;
    width: 70%;
    margin-left: auto;
    margin-right: auto;

}
#hobbies{
    background: #3399ff;
    padding:20px;
}

body {
    background-image:url('background.png') ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.topnav {
    overflow: hidden;
    background-color:#001666;
}

.topnav a {
    float: left;
    color:gold;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: goldenrod;
    color: black;
}

.topnav a.active {
    background-color: gold;
    color: rgb(23, 50, 225);
}

.tt {
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.tt th{
    color:darkred;
    font-size: 24px;
    background-color:gold;
    border:2px solid red;
    padding: 10px;
}
.tt td{
    color:red;
    font-weight: bold;
    margin-right: auto;
    font-size: 20px;
    border: 1.5px solid red;
    padding :5px;
    text-align: center;
}
.tt tr:nth-child(even){
    background-color:orange;
}
.tt tr:nth-child(odd){
    background-color:rgb(245, 245, 80);
}
.ed {
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.ed th{
    color:rgb(12, 243, 224);
    font-size: 24px;
    background-color: rgb(1, 2, 29);
    border:2px solid black;
    padding: 10px;
}
.ed td{
    font-weight: bold;
    margin-right: auto;
    font-size: 20px;
    border: 1.5px solid black;
    padding :5px;
    text-align: center;
}
.ed tr:nth-child(even){
    background-color:#0fdafe ;
    color:#0037ff
}
.ed tr:nth-child(odd){
    background-color:#0037ff;
    color:#0fdafe;
}
h3{
    color: gold;
    text-align:center;
    background-color: #001666;
    margin-left: 20%;
    margin-right: 20%;
    font-size: 20px;

  
}
.timetable:hover{
    background-color:rgb(246, 161, 161)
}

.iitb{
    height: 150px;
    width: 150px;
    margin-left: 25%;
}
.container4{
    background-image: url('hobbies.png');
    
    color:black;
    padding:10% 10%;
}

.subhead{
    font-size: 36px;
    background-color: aliceblue;
}
.subhead:hover{
    color:gray;
}


.hobbiestext{
    display: none;
    background-color: white;
    color:black;
    font-size: x-large;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
}
.insta{
    height: 25px;
    width:25px;
    justify-content: center;
    vertical-align:0px ;
}
footer{
    text-align: center;
}
.contacts{
    font-size:20px;
}
.achievements{
    color:gold;
    font-size: xx-large;
    padding-left:30px ;
}

.container2{
    text-align: center;
    margin-top: 2%;
    margin-left: 24%;
    margin-right: 24%;
}

.image2{
    height: auto;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
.Text{
    transition: 1s;
    opacity: 0;
    font-size: 35px;
    padding-top: 1%;
    background-image:url('background7.png') ;
    color: ghostwhite;

}
.container2:hover .Text{
    opacity: 1;
}

footer{
    background-image: url('footer.png');
    color: wheat;
}

.hobbiesbutton{
    background-color: black;
    color: white;
    font-size: x-large;
    text-align: center;
    padding: 2% 4%;
    border-radius: 5%;
}