@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    min-height: 100vh;
    min-width: 100vw;
    max-width: 100vw;
    background-image: linear-gradient(to bottom right, #66377b, #4da47b);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.main-container{
    min-width: 80vw;
    max-width: 35vw;
    min-height: 90vh;
    max-height: 90vh;
    margin: 10vh 10vw;
    background-color: white;
    border-radius: 20px;
}

.sub-container{
    position: absolute;
    min-width: 75vw;
    max-width: 75vw;
    min-height: 80vh;
    max-height: 80vh;
    margin-left: 2.5vw;
    margin-top: 5vh;
    border: 1px solid black;
    padding: 2.5%;
    box-sizing: border-box;
}

.text2{
    min-height: 5vh;
    max-height: 5vh;
    min-width: 55vw;
    font-size: 1.5rem;
    padding-left: 1.2vw;
    font-family: 'Inter',sans-serif;
    margin-top: 1vh;
    margin-left: 12vw;
    transition: .3s ease all;
}

label{
    margin-top: 2vh i;
    font-family: 'Inter',sans-serif;
    font-size: 2rem;
    margin-left: 12vw;
    transition: .3s ease all;
}


.image-holder{
    position: absolute;
    min-height: 20vh;
    min-width: 10vw;
    border: 1px solid black;
    border-radius: 10px;
    cursor: pointer;
    transition: all .4s ease;
}

.image-holder:hover{
    box-shadow: inset 0 0 200px black;
}

.image-holder p{
    font-family: 'Inter',sans-serif;
    margin-left: 2.3vw;
    margin-top: 8vh;
    font-size: 1.5rem;
    transition: .4s ease all;
}

.image-holder:hover p{
    color: white;
    font-weight: bold;
}

.input-group:has(:nth-child(2):focus) label{
    color: #00FF00;
}

.input-group{
    margin-top: 2vh;
}

textarea{
    resize: none;
    margin-left: 12vw;
    min-height: 35vh;
    min-width: 55vw;
    padding-left: 1.2vw;
    padding-top: 2vh ;
    font-family: 'Inter',sans-serif;
    margin-top: 1vh;
    font-size: 1.3rem;
}

button[type = "submit"]{
    min-width: 10vw;
    min-height: 7vh;
    top: 70vh;
    position: absolute;
    font-size: 1.2rem;
    transition: .3s ease all;
    border: 1px solid black;
    cursor: pointer;
}

button[type = 'submit']:hover{
    background-color: rgb(95, 234, 132);
    font-weight: bold;
    color: white;
}