html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background: linear-gradient(to right, #ECAEDE 0%, #ECAEDE 35%,#000000 35%,white 35%,white 100%);
}


a {
    color: black;
    text-decoration: none;
}

    a:hover {
        color: black;
    }


.index-projects {
    border-radius: 50px;
    background-color: #ECAEDE;
    margin-left: auto;
}

.bio-text {
    text-align: justify;
}
/**CONTACT FORM**/
.Pop_Up_Button {
    position: fixed;
    bottom: 5.75vw;
    right: 1.75vw;
    width: 15vw;
    background-color: #ECAEDE;
    color: black;
    border: none;
    cursor: pointer;
    -webkit-animation: movePopup 2s;
    animation: movePopup 2s;
    letter-spacing: .3vw;
    font-size: 1.5vw;
    padding: 0.5vw;
    cursor: pointer;
}

@keyframes movePopup {
    from {
        right: -40vw;
    }

    to {
        right: 1.75vw;
    }
}

@-webkit-keyframes movePopup {
    from {
        right: -40vw;
    }

    to {
        right: 1.75vw;
    }
}

.form-popup {
    z-index: 8;
    display: none;
    position: fixed;
    bottom: .5vw;
    right: .5vw;
    background-color: white;
    max-width: 30vw;
    max-width: 30vw;
    padding: 1vw;
}

input[type=text] {
    width: 100%;
    padding: .93vw;
    border: 1px solid black;
    margin: .6vw 0 .6vw 0;
    background: white;
    font-size: 1vw;
}

    input[type=text]:hover {
        box-shadow: 0 0 5px #00004d inset;
    }

/*buttons*/

button {
    border-radius: 50px;
    background-color: #ECAEDE;
}

.btn-submit:not(#regular) {
    background-color: #ECAEDE;
    border-radius: 50px;
    color: black;
    margin-bottom: 1vh;
    letter-spacing: .3vw;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 0.5vw;
    cursor: pointer;
    width: 100%;
    height: auto;
}

.form-container, .btn-submit:hover {
    color: white;
    background-color: black;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.btn-cancel {
    background-color: black;
    color: white;
    letter-spacing: .3vw;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 0.5vw;
    cursor: pointer;
    width: 100%;
    height: auto;
}

    .btn-cancel:hover {
        color: white;
        background-color: darkred;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }

    .project-card{
        padding-bottom: 2vw;
    }