* {
    margin: 0;
    padding: 0;
    color: white;
}

html,
body {
    width: 100vw;
    height: 100vh;
    background-color: rgb(0, 0, 32);
}

.nave {
    height: 5vh;
    padding: 5vh 0;
    background: gainsboro;
}

.right ul li {
    list-style: none;
    margin: 0vw 2vw;
}

.left h1 {
    margin: 0vh 1vw;
    font-size: 3pc;
}

.left img {
    border: 2px solid black;
    border-radius: 25%;
    width: 3vw;

}
#hamburger{
    visibility: hidden;
}

.sec1 {
    width: 100%;
    height: 50vh;
    overflow: scroll;
    margin-top: 15vh;

}

.left_sec1 {
    background: #000;
    width: 30%;

}

.left_sec1 img {
    width: 30vw;

}

.right_sec1 {
    width: 30%;


}

.right_sec1 h1 {
    color: whitesmoke;
    font-size: 4em;
}

.nametitle {
    color: red;
    font-size: 1em;

}

.right_sec1 h2 {
    color: aliceblue;
    font-size: 2em;
}

.right ul li a img {
    width: 3vw;
}

.right ul li a img:hover {
    width: 2.5vw;
}

#element {
    font-size: 2em;
}

.sec2 {
    padding-left: 5vw;
}

.horh1 {
    border: 1px solid white;
    height: 55vh;
    width: .2px;
    background: white;
}

.horh2 {
    position: relative;
    left: 5vw;
    border: 1px solid white;
    height: 5vh;
    width: .2px;
    background: white;
}

.horh2 span {
    position: absolute;
    top: 5vh;
}

.horh3 {
    position: relative;
    left: 15vw;
    border: 1px solid white;
    height: 15vh;
    width: .2px;
    background: white;
}

.horh3 span {
    position: absolute;
    top: 15vh;
}

.horh4 {
    position: relative;
    left: 25vw;
    border: 1px solid white;
    height: 25vh;
    width: .2px;
    background: white;
}

.horh4 span {
    position: absolute;
    top: 25vh;
}

    .horh5 {
        position: relative;
        left: 35vw;
        border: 1px solid white;
        height: 35vh;
        width: .2px;
        background: white;
    }

    .horh5 span {
        position: absolute;
        top: 35vh;
    }


.verh1 {
    border: 1px solid white;
    height: .2px;
    width: 55vw;
    background: white;
}

footer div img {
    width: 85vw;

}

.sec3 {
    padding-left: 5vw;
}

.horh3_1 {
    width: .3vw;
    height: 50vh;
    border: .2px solid rgb(255, 255, 255);
   
}

.horh3_2 {
    height: .3vh;
    width: 20vw;
    border: 2px solid rgb(255, 255, 255);
    background: white;
}

.horh3_3 {
    height: .3vh;
    width: 20vw;
    border: 2px solid rgb(255, 255, 255);
    background: white;

}


.img11,
.img12 {
    width: 25vw;
    border: 2px solid white;
    border-radius: 20%;
}

.horh3_11 {
    width: .3vw;
    height: 50vh;
    border: .2px solid rgb(255, 255, 255);
    margin-left: 20vw;
}

/* /////// */
.img_siz{
    width: 3vw;
     border: .2px solid rgb(255, 255, 255);
     border-radius: 15%;
     margin: 1vh;
}
.fdiv1 div{
    flex-direction: column;
    position: absolute;
    left: 20vw;
}
.style_hr{
    border: 0px;
    background:#000099;;
    height: .01vh;
    color: pink;
    margin: 2vh 6vw;
    padding: .1vh .5vw;
}