html{
    scroll-behavior: smooth;
}
body{
    background-color: black;
}
#name{
    font-family: 'Press Start 2P', cursive;
     color: red;
     font-weight:30;
     font-size:25px;
    
}
*{
    margin: 0;
    font-family: 'Press Start 2P', cursive;
}
.head{
     height:100px;
     width: 100%;
     display: flex;
     align-items: center;
     background-color:rgba(0, 0, 0, 0.693);
     font-family: 'Press Start 2P', cursive;
     position:fixed;
     top: 0;
     z-index:1000;
    backdrop-filter:blur(5px);
}
.head img{
       width:7%;
       align-content: center;
}
.head ul{
    width: 700px;
    display: flex;
    list-style-type: none;
    align-items: center;
    justify-content:space-between;
    position: absolute;
    right: 15px;
    font-family: 'Press Start 2P', cursive;
}
.head a{
    text-decoration:none;
    font-size: 15px;
    color:rgba(225, 117, 117, 0.371);
    font-family: 'Press Start 2P', cursive;
    font-weight: bold;
}

.head ul:hover a{
    color: rgba(184, 27, 27, 0.718);
}
.head li:hover a{
    font-size: 20px;
    color:red;
}
.carousel-item{
            height:550px;
            width: 94%;
            background-color: black;
}
#home{
    background-color:black;
    margin-left:85px;
    padding-top: 110px;
}
#recent{
    height:800px;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color: black;
    font-size:25px;
    padding-top: 50px;
}
#recent img{
    height:200px;
    width:200px;
    background-color:red;
    margin-left:20px;
    border-radius:20%;
}
#recent img:hover{
    transform: scale(1.2);
}
#top h1{
    font-size:40px;
    font-family: 'Press Start 2P', cursive;
     color: red;
     font-size:25px;

}
#top{
    height:800px;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color: black;
    padding-top: 50px;
}
#top img{
    height:200px;
    width:200px;
    background-color:red;
    margin-left:20px;
    border-radius:20%;
}
#top img:hover{
    transform: scale(1.2);
}
#upcoming{
    height:800px;
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background-color:black ;
    padding-top: 50px;
}
#upcoming img{
    height:200px;
    width:200px;
    background-color:red;
    margin-left:20px;
    border-radius:20%;
}
#upcoming img:hover{
    transform: scale(1.2);
}
#upcoming h1{
    font-size:40px;
    font-family: 'Press Start 2P', cursive;
     color: red;
     font-size:25px;

}
.carousel-control-prev-icon{
    position: relative;
    right: 85px;
}
#about{
    padding-top: 110px;
}
#about h1{
    font-size:40px;
    font-family: 'Press Start 2P', cursive;
    color: red;
    font-size:25px;
}
#about p{
    text-align: justify;
    font-family: 'Press Start 2P', cursive;
    color: rgba(255, 0, 0, 0.516);
}
#contacts{
    height:100px;
    width:100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
}
#contacts img:hover{
      transform: scale(1.2);
      filter: saturate(1);
}
#contacts img{
    height:25px;
    width:27px;
    align-content: center;
    justify-content:space-evenly;
    border-radius:5px;
    margin-left:17px;
    filter: saturate(0);
}
#copyrights img{
    height:50px;
    width:50px;
    background-color: red;
    align-content: center;
    justify-content:space-evenly;
    border-radius:5px;
    margin-left:37px;
}
#contacts h5{
    font-family: 'Press Start 2P', cursive;
    color: rgba(222, 114, 114, 0.353);
    font-size: 15px;
    margin-top: 6px;
}