html {
height: 100vh;
}
body,input,textarea {
font-family: 'Noto Sans', sans-serif;
font-size: 1rem;
font-weight: 100;
}
body {
background-color: #42748f;
margin: 20px;
color: white;
background-image: url("shedquartersventures-background.jpg");
background-repeat: no-repeat;
background-position: bottom;
-webkit-background-size: cover;
background-size: cover;
}
.title {
font-family:'Manrope', Tahoma, Geneva, Verdana, sans-serif;
font-weight: 600;
}
.shed {
position: absolute;
right: 0;
bottom: 0;
max-height: 90%;
max-width: 60%;
-webkit-overflow-scrolling: touch;
z-index: -1;
}
.ico {
width: 1rem;
height: 1rem;
padding-right: 4px;
}
li {
list-style: none;
font-size: 1.2rem;
padding: 4px 0px;
}
.nav {
margin: 18px 0px 0px 0px;
padding: 0px;
}
a {
text-decoration: none;
color: white;
}
.footer {
position: absolute;
right: 0;
bottom: 0;
font-size: .8rem;
padding: 6px 10px;
}
input,textarea {
width:100%;
background-color: white;
border: 0px;
padding: 6px 6px;
margin: 6px 0px;
font-weight: 300;
border-radius: 6px;
box-sizing: border-box;
color: black;
}
input[type="submit"] {
width: auto;
}
.contact {
display:none;
width: 480px;
max-width: 80vw;
text-align: right;
padding: 20px;
background-color: rgba(255,255,255,.6);
border-radius: 6px;
}