:root{
    

    --bg-overlay-color: rgba(3, 3, 78, 0.7);
    --vial-blue-color: rgba(1, 0, 137, 1);
    --vial-white-bg-color : rgb(247,247,247);
    --vial-dark-blue:rgb(3,3,78);
}

body{
    background-color: var(--vial-white-bg-color);
}

h1{
    font-weight: bolder;
    font-size: 4.5rem;
}
input[type=text]{
    outline: none;
    background-color: var(--vial-white-bg-color);
    border: none;
    border-bottom: 2px solid rgba(49, 49, 49, 0.4);
}

input[type=text]:hover{
    background-color: var(--vial-white-bg-color);
    border: none;
    border-bottom: 2px solid rgba(49, 49, 49, 1);
}

input[type=text]:active{
    background-color: var(--vial-white-bg-color);
    border: none;
    border-bottom: 2px solid rgba(49, 49, 49, 1);
}

input[type=text]:focus{
    background-color: var(--vial-white-bg-color);
    border: none;
    border-bottom: 2px solid rgba(49, 49, 49, 1);
}

textarea{
    resize: none;
    width: 85%;
}

#sideimage{
    min-width: 100%;
    max-width: 60vw;
    max-height: 80vh;
}

label{
    font-weight: 200;
}