@charset "UTF-8";

body {color: rgb(51,51,51); background-color: rgb(255,255,255);}
h1, h2, address {font-style: normal; font-weight: normal;}
*:focus {outline: none;}
a {text-decoration: none; transition: all 350ms; color: rgb(51,51,51);}
a:hover {transition: all 100ms; color: rgb(51,51,204);}
html {font-family: "Inter", sans-serif; font-feature-settings: "liga", "clig"; font-weight: 400; font-size: 3vw; line-height: 1.25;}

#container {width: 100%; padding: 4vw;}
header, #container > section {margin-bottom: 3vw;}
footer {margin-bottom: 1vw;}
h2, header a {display: inline-block; margin-right: 1vw;}
.login {color: rgb(255,51,204);}
.login:hover {color: rgb(51,51,204);}
span {color: rgb(204,204,204);}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	html {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
}
@media screen and (max-width:1000px) {
	html {font-size: 30px;}
	header, #container > section {margin-bottom: 30px;}
	footer {margin-bottom: 10px;}
	h2, header a {display: inline-block; margin-right: 10px;}
}