#userImg{
margin-top: 14vh;
max-width: 70vh;
max-height: 50vh;
border: #1ab76e dashed 3px;
padding: 4px;
}
button{
background-color: #1ab76e;
border: white dashed 3px;
color: #f3f3f3;
font-size: 2vh;
font-weight: 600;
padding: 4px;
cursor: pointer;
}
button:hover{
background-color: #1ab76e7a;
}
body{
display: grid;
place-items: center;
align-items: center;
overflow: hidden;
background-color: #2f3035;
padding-top: 5vh;
}
#input{
border: white dashed 3px;
padding: 10px;
background-color: #1ab76e;
color: #f3f3f3;
font-size: 2.8vh;
width: 75vh;
height: 3vh;
}
#input:hover{
background-color: #1ab76ea7;    
}
#input:focus{
outline: none;
}
::placeholder{
color: #f3f3f3;
}
@media (max-width: 599px) {
#input{
font-size: 2.5vh;
width: 38vh;
height: 3vh;
}
#userImg{
margin-top: 14vh;
max-width: 90vw;
max-height: 90vw;
border: #1ab76e dashed 3px;
padding: 4px;
}}