/* hackwash */

@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=DM+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





body
{
margin:0;
padding:0;
font-family:'DM Sans',sans-serif;

}




/* divs */
.innercont
{
width:90%;
max-width:1200px;
margin:auto;
}

.center
{
margin:auto;
text-align:center;
max-width:300px;
}




a
{
text-decoration:none;
}













/* img */
.fit
{
width:100%;
max-width:100%;
}

.fitbanner
{
width:100%;
max-width:100%;
display:block;
}

.ofc
{
height:100px;
width:100px;
object-fit:cover;
}

.ofc300
{
object-fit:cover;
width:300px;
}








.menuitem
{
display:inline-block;
padding:12px;
font-family:'Poppins';
color:white;
}

.menuitem:hover
{
background:black;
color:white;
}

#menu
{
width:100%;
background:dodgerblue;
}

#hiddenmenu
{
text-align:center;
display:none;
}









/* input */
input[type=text]
{
border:3px solid grey;

border-radius:8px;

font-size:20px;
font-family:'DM Sans', sans-serif;
padding:9px;
box-sizing:border-box;
}

input[type=password]
{
border:3px solid black;

border-radius:8px;

font-size:20px;
font-family:'DM Sans', sans-serif;
padding:9px;
box-sizing:border-box;
}

input[type=radio] 
{
border:0px;
width:100%;
height:1em;
}

input[type=submit]
{
background-color: black;
border: none;
color: white;
font-size:22px;
padding:7px;
font-family:'DM Sans', sans-serif;
}

input[type=checkbox]
{
transform: scale(2);
}

select
{

border:3px solid black;
font-size:22px;
padding:7px;
font-family: 'DM Sans', sans-serif;
box-sizing:border-box;
}

textarea
{

box-sizing:border-box;
border:3px solid grey;
border-radius:8px;
width:100%;
min-height:100px;
font-size:22px;
font-family:'DM Sans', sans-serif;

}








/* buttons */
.bluebutton
{
padding:8px;
background:blue;
color:white;
font-size:24px;
display:inline-block;
text-align:center;
border-radius:5px;
}

.blackbutton
{
padding:8px;
background:black;
color:white;
font-size:16px;
display:inline-block;
text-align:center;
border-radius:5px;
}




/* bands */
.blackband
{
width:100%;
height:auto;
background:black;
}

.blueband
{
width:100%;
height:auto;
background:blue;
}

.lightblueband
{
width:100%;
height:auto;
background:dodgerblue;
}





/* text */
.white
{
color:white;
}

.w
{
color:white;
}

.g
{
color:grey;
}

.b
{
color:blue;
}

.lb
{
color:lightblue;
}

.poppins24
{
font-size:24px;
font-family:Poppins;
font-weight:700;
font-style:bold;
}

.poppins32
{
font-size:32px;
font-family:Poppins;
font-weight:700;
font-style:bold;
}

.anton
{
font-family:Anton;
font-weight:400;
font-style:normal;
}

.anton24
{
font-family:Anton;
font-weight:400;
font-size:24px;
font-style:normal;
}

.anton32
{
font-family:Anton;
font-weight:400;
font-size:32px;
font-style:normal;
}





/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}