header{
    min-height: 15vh;
    border-bottom: #111 solid .15vh;
    padding-top: 1.5vh;
    flex-direction: column;
	position: static;
}

.Logo{
    max-height: 10vh;
    width: 100vw;
    font-size: 60rem;
    justify-content: center;
}

.Menu{
    height: 10vh;
    width: 100vw;
}


.item-1{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-2{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-3{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-4{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-1:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-2:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-3:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-4:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}






.Main-Title{
    min-width: 0%;
    font-size: 100rem;
}

.Parts{
    flex-direction: column;
}

.social-box{
    margin: 5vh 0 5vh 0;
    width: 85vw;
    border-radius: 40rem;
    border: #000 double 20rem;
}







.Title{
    min-width: 0%;
    font-size: 50rem;

    text-align: center;
}



.icon-social{
    width: 20vh;
    height: 20vh;
    margin-top: 2vh;
}

.icon-social img{
    width: 100%;
    height: 100%;
    object-fit: contain;

    border: #000 5rem solid;
    border-radius: 50%;
}

.name{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 2vh;
    height: 10vh;
    font-size: 40rem;
}

.name1{
    font-size: 40rem;
}

.name2{
    font-size: 65rem;
}

.describe{
    font-size: 40rem;
}

#dc-box{
    height: 73vh;
}

/* #dc-box > .name{
    margin-bottom: 0vh;
} */

.social-link{
    border: #000 solid 8rem;
    border-radius: 25rem;
    font-size: 75rem;
    margin-bottom: 2.5vh;
}



#mail-box{
    flex-direction: column;
    width: 92.5vw;
}

#mail-content{
    height: 15vh;
    width: 75vw;
    border: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#mail-name{
    display: flex;
    justify-content: center;
    width: 90%;
    height: 5vh;
    margin-left: 4vw;
    font-size: 90rem;
}

#mail-txt{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 70vw;
    height: 5vh;
    margin: -1.5vh 0 0 4.5vw;

    font-size: 60rem;
}

#mail-copy{
    width: 50vw;
    height: 7vh;
    font-size: 60rem;

    flex-direction: row;
    justify-content: space-evenly;

    border: #000 solid 7rem;
    border-radius: 25rem;
}

#mail-box:hover{
    box-shadow: none;
    transform: scale(1.03);
}




.socialmedia-box{
    min-width: 70vw;
}

.socialmedia-yt:hover{
    background-color: red;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(255, 0, 0, .35);
    margin-bottom: .75vh;
}

.socialmedia-dc:hover{
    background-color: #5865F2;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(88, 101, 242, .35);
    margin-bottom: .75vh;
}

.socialmedia-tt:hover{
    background-color: #DD00FF;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(221, 0, 255, .35);
    margin-bottom: .75vh;
}