#main_title{
    width: 35vw;
}

h3 {
    padding-left: 2vw;
    color: #E5E5E5;
    margin: 0;
    transition: all 1s cubic-bezier(.1,.75,.61,.94);
}

.hidden-up{
    transform: translateY(-100%);
    opacity: 0;
}

#contact{
    background-color: #192541;
    display: flex;
    height: 70vh;
    width: 40vw;
    right: -40vw;
    left: unset;
    color: white;
    border-radius: 2vw;
    overflow: hidden;
    box-shadow: 11px 23px 30px rgba(0, 0, 0, 0.2)  ;
    transition: all 1s cubic-bezier(.1,.75,.61,.94);
}

#data{
    flex: 1;
    position: relative;
    text-align: center;
    background-color: rgb(32, 43, 65);
    box-shadow: 11px 23px 30px rgba(3, 21, 44, 0.2)  ;
}

#data div{
    padding: 0 1vw;
}

#data img{
    width: 10vw;
    height: 10vw;
    object-fit: cover;
    border-radius: 50%;
    margin: auto;
    box-shadow: 11px 23px 30px rgba(3, 21, 44, 0.2)  ;
}

#links{
    flex: 1;
    position: relative;
}

#links div {
    padding: 0 1vw;
}

#main {
    position: relative;
    height: calc(100vh - 100px);
    overflow: hidden;
}

@media only screen and (max-width: 1000px) {
    #main_title{
        width: 100vw;
        padding-top: 20vh;
    }
    
    h3 {
        padding-left: 6vw;
        font-size: 4vw;
        color: #E5E5E5;
        margin: 0;
        transition: all 1s cubic-bezier(.1,.75,.61,.94);
    }
    
    .hidden-up{
        transform: translateY(-100%);
        opacity: 0;
    }
    
    #contact{
        background-color: #192541;
        display: flex;
        flex-direction: column;
        height: fit-content;
        width: 90vw;
        right: -5vw;
        left: unset;
        color: white;
        border-radius: 2vw;
        overflow: hidden;
        margin: 20vw 0;
        box-shadow: 11px 23px 30px rgba(0, 0, 0, 0.2)  ;
        transition: all 1s cubic-bezier(.1,.75,.61,.94);
        opacity: 0;
    }
    
    #data{
        flex: 1;
        position: relative;
        text-align: center;
        background-color: rgb(32, 43, 65);
        box-shadow: 11px 23px 30px rgba(3, 21, 44, 0.2)  ;
        padding: 15px 5px;
    }
    
    #data div{
        padding: 0 1vw;
    }
    
    #data img{
        width: 30vw;
        height: 30vw;
        object-fit: cover;
        border-radius: 50%;
        margin: auto;
        box-shadow: 11px 23px 30px rgba(3, 21, 44, 0.2)  ;
    }
    
    #links{
        flex: 1;
        position: relative;
        padding: 15px 5px;
    }
    
    #links div {
        padding: 0 1vw;
    }
    
    #main {
        position: relative;
        height: fit-content;
        overflow: hidden;
    }

    .centered-vertical{
        position: relative;
        top: unset;
        left: unset;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }

    .centered {
        position: relative;
        top: unset;
        left: unset;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
    }

}