#contactbanner{
background-color: var(--contrast-color);
padding-top: 5rem;
padding-bottom: 5rem;
& p{
color: var(--main-color);
font-size: 1.5rem;
margin-left: 10%;
}
& h1{
margin-left: 10%;
font-family: Winco;
font-size: 4rem;
font-weight: 800;
color: var(--main-color);
margin-bottom: 2rem;
}
}
#contactinfo{
margin-top: 2rem;
margin-bottom: 2rem;
& h2{
margin-left: 10%;
font-family: Winco;
font-size: 3rem;
font-weight: 800;
color: var(--contrast-color);
margin-bottom: 1rem;
}
> div{
display: flex;
width: 80%;
margin-left: 10%;
justify-content: space-between;
& div {
display: flex;
width: 30%;
align-items: center;
justify-content: space-between;
& img{
width: 20%;
}
& p , a{
font-size: 1.5rem;
width: 70%;
}
}
}
}
#contactform{
margin-top: 5rem;
margin-bottom: 5rem;
margin-left: 10%;
width: 80%;
& h3{
font-family: Winco;
font-size: 3rem;
font-weight: 800;
color: var(--contrast-color);
margin-bottom: 2rem;
}
>div{
display: flex;
justify-content: space-between;
> div{
width:30%;
display: flex;
flex-direction: column;
}
& input{
border-radius: 3rem;
border: 1px solid var(--contrast-color);
font-size: 1rem;
margin-top: 1.5rem;
height: 1.5rem;
padding-left: 1rem;
}
& .inputtextfields{
visibility: hidden;
display: flex;
flex-direction: column;
}
}
& textarea{
border-radius: 3rem;
border: 1px solid var(--contrast-color);
font-size: 2rem;
padding: 0.6rem;
resize: vertical;
min-height: 12rem;
width: 50%;
}
}