/* Home */

.container-fluid{
    font-family: "Dynapuff";
    font-style: italic;
    word-spacing: 5px;
}

#home{
    font-size: 1.3cm;
    text-underline-offset: 20px;
    color:rgb(48, 40, 207);
    font-weight: bold;
}


#homeinhome{
    font-size: 1.3cm;
    text-underline-offset: 20px;
    color:rgb(171, 166, 166);
    font-weight: bold;
}
#homeinhome  :hover{
    font-size: 1.3cm;
    text-underline-offset: 20px;
    color:#fff;
    font-weight: bold;
}

.nav-item{
    font-size: 0.7cm;
    margin-left: 15px;
    margin-right: 15px;
    color: azure;
    font-weight: bold;
}

#title{
    /* background-color: rgb(190, 195, 195); */
    /* background-image: url(./bgimage2.webp);
    background-size: cover; */
    margin-bottom: 20px;

}
h1{ color: azure;
    font-size:2rem;
    line-height:1.5
}
.container-fluid{
    padding:3% 5%;
}
#pictures{
    padding : 7% 15%;
    text-align:center;
    
}
.carousel-inner > .item > img {
    width:640px;
    height:360px;
  }
#photo{
    /* animation: anm 1s; */
    max-width: 250px;
    border-radius: 50%;
    scale: 1.2;
    /* transform: translate(-50%,-50%); */
}
/* @keyframes anm{
    0%{
        opacity: 0;
        width:1px;
    }
    100%{
        opacity: 1;
        width:250px;
    }
} */
.table{
    color: white;
    margin-top: 5px;
    width: 75%;
    /* position: absolute;
    top: 40%;
    left: 5%; */
}





  /* th, td {
    padding: 0px;
    align-self: auto;
  } */
  td,th{
    color: white;
  }
 td:hover{
    background-color: blueviolet;
 }

  .timetable{
    color:white
    
  }

.navbar{
    background-color: transparent;
}
.containerr{
    background-image: linear-gradient(to left, rgba(0,0,0,0.5),rgb(90, 86, 86,0.5)), url(./bgimage.webp);
    background-size: cover;
    height:100%;
    margin:auto;
}
/* Education */
#educationnav{
    font-size: 0.7cm;
    text-underline-offset: 15px;
    color:rgb(48, 40, 207);
    font-weight: bold;
}
#card1{
    margin-left:20px;
    margin-right: 300px;
    margin-bottom: 100px;
    margin-top:50px;
}
#card2{
    margin-left:100px;
    margin-top:50px;
}
#card3{
    margin-left:20px;
    margin-right: 300px;
    margin-bottom: 30px;
}
#card4{
    margin-left:100px;
    margin-bottom: 30px;
}

.card-text{
    font-size:0.5cm;
}

.edurow{
    font-size: 0.8cm;
    text-align: center;
}

.edubody{
    font-size: 0.7cm;
    text-align: center;
}
.edutable{
    width: 100%;
}
/* Hobbies  */
#hobbiesnav{
    font-size: 0.7cm;
    text-underline-offset: 15px;
    color:rgb(48, 40, 207);
    font-weight: bold;
}

#hobbiesh2{
    margin-top: 30px;
    color:white;
    margin-left: 30px;
    margin-bottom: 50px;
}

input.form-check-input{
    width:20px;
    height: 20px;
}


.form-check-label{
    color:white;
    font-size: 0.7cm;
    margin-left: 2 cm;
}
.hobbiesbutton{
    border:1px;
    border:black;
    margin-top: 50px;
    margin-left: 50px;
    scale: 1.5;
}

[type="checkbox"]
{
    vertical-align:middle;
}

.hobbiesdivision{

    color:white

}
h3{
    font-size: 1.2cm;
}

.hobbiespara{
    font-size: 0.8cm;
}

/* Achievements */

#achievementsnav{
    font-size: 0.7cm;
    text-underline-offset: 15px;
    color:rgb(48, 40, 207);
    font-weight: bold;
}
#achievementscontainerr{
    background-image: linear-gradient(to left, rgba(0,0,0,0.5),rgb(90, 86, 86,0.5)), url(./bgimage.webp);
    background-size: cover;
    height:100%;
    margin:auto;
}
.achievementsh2{
    color:white;
    font-size: 1cm;
    margin-top: 20px;
    margin-left: 30px;
}
.achievementsul{
    color: white;
    font-size: 0.8cm;
    margin-left: 30px;
}
/* Timetable */

#timetablenav{
    font-size: 0.7cm;
    text-underline-offset: 15px;
    color:rgb(48, 40, 207);
    font-weight: bold;
}
.timetablecontainerr{
    background-image: linear-gradient(to left, rgba(0,0,0,0.5),rgb(90, 86, 86,0.5)), url(./bgimage.webp);
    background-size: cover;
    height:100vh;
    margin:auto;
}
.timetablerow{
    font-size: 0.7cm;
}
.footercontainer{
    background-color: orange;
}

footer{
    background-color: orange;
    height: 100px;
    width: 100%;
    overflow: hidden;
}