:root{
    --primary:#6C63FF;
    --fade: rgb(0, 255, 242);
    --fonta:font-family: 'Rubik', sans-serif;


}
#heading{
    margin-top: -100px;
    font-size: 50px;
    color:#6C63FF;
    font-family: 'Rubik', sans-serif;
    justify-content: center;
    align-items: center;
    display: flex;
}
/* #heading:hover{
    color: #03c8b6;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease-in;
} */

.container{
    transform: translateY(100px);
    transition-duration: 2.5s;

}

.content{ 
    display: block;
    margin-top: 120px;
    justify-content: center;
    color: var(--primary);
    font-family: 'Mukta', sans-serif;
   font-family: 'Rubik', sans-serif;
   font-size: 25px;
}
.content ul li a:hover{
       color: #03c8b6;
        transition-property: all;
        transition-duration: 1s;
        transition-timing-function: ease-in;
}


.image1 img{
     width: 250px; 
    height: 250px; 
    background-image: url("https://64.media.tumblr.com/d6d0246ca0dffa230f03be2521b3210f/tumblr_obfjz6Bd9f1runoqyo2_r1_540.gif");
}
.image1 #nepal{
    display: inline-block;
    position: absolute;
    left: 59px;
    top: 59px;
}
.image1 #nepal2{
    display: inline-block;
    position: relative;
    top: 49px;
   right: -59px;
}
.image1 #nepal2:hover{
    opacity: 0.1;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 1s;

}
:root{
    list-style: none;
}
.main{

    display: flex;
    flex-direction: column;
    margin-top: 30px;
    transform: rotate(360deg);
    /* transform-origin: left; */
    transition-duration: 1.2s;
}

a{  
    margin-left: -33px;
    color: var(--primary);
    text-decoration: none;
}
a:hover{
    color: rgb(0, 255, 242);
    transition-property: all;
    transition-duration: 2s;
}
li{    
    color: var(--primary);
    font-size: 29px;
    font-weight: bold;
    font-family: 'Mukta', sans-serif;
    padding: 30 80px;
    list-style: none;
}
#navbar ul{
    display: flex;
}

#navbar{
    margin-top: 100px;
    display: flex;
    padding: 30 80px;
}
#navbar ul li a{
display: inline;
padding: 3px 22px;
border-radius: 20px;

}  
#navbar ul li a:hover{
    transition-property: all ;
    transition-duration: 3s;
    transition-timisng-function: ease;
transition-delay:0s;
color: rgb(255, 251, 0);

} 
.item {
    display: inline;
    padding: 20px 40px;
}
.item:hover li a{

    color: rgb(0, 153, 255);
}
.mainbox{
    display: flex;
    margin-top: 100px;
justify-content: center;
}



#aboutme h1{
    /* border: 2px solid #e9ecef ; */
    position: absolute;
    margin-top: 25px;
    left: 80px;
    width: 400px;
}
#aboutme h1:hover{
   color:  rgb(0, 255, 242);
   transition-property: all;
    transition-duration: 2s;
}

#aboutme p{
    /* font-family: 'Mukta', sans-serif; */
/*     padding: 16px 80px; */
    display: flex;
    flex-direction:column ;
    font-family: 'Oswald', sans-serif;   
    font-size: 15px;
    /* position: absolute; */
    width:1000px; 
    /* margin-top: 170px; */
    /* left: 300px; */
    justify-content: center;
    text-align: center;
    /* background: #e9ecef; */

    height: 341px;
}

.container img{
    border: 4px solid var(--primary);
    border-radius: 155px;
    display: block;
    margin: auto;
    margin-top: -18px;
    height: 200px;
    width: 200px;
}
.container img:hover{

    border-color: var(--fade);
    transition-property: all;
    transition-duration: 2s;
}

.image1{
    margin-top: 10px;
}

.all{
    justify-content: center;
    display: flex;
}
:root{
    justify-content: center;
    display: flex;
}
#aboutme{
    border-radius: 27px;
    border: 2px solid var(--primary);
    background-color: #eeeeee;
    /* padding: 10px 20px; */
}
body{
/* background:url("ax-1mb.gif") no-repeat center center/cover; */
background-color: black;
}

#myaudio{
    opacity: 0;
}