@import url("/css/pages/create.css");
@import url("/css/pages/discover.css");
@import url("/css/pages/footer.css");
@import url("/css/pages/header.css");
@import url("/css/pages/home.css");
@import url("/css/pages/login.css");
@import url("/css/pages/products.css");
@import url("/css/pages/profile.css");
@import url("/css/pages/provider.css");
@import url("/css/pages/register-form.css");

body, #body { margin: 0; padding: 0; position: relative; width: 100vw; height: auto; font-family: "Poppins"; overflow-x: hidden; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
a, a:hover, a:active, a:focus, a:visited {color: unset; text-decoration: unset; }
input {border: none; outline: none; border-radius: 5px; }
.center { text-align: center; }
.hidden { display: none !important; }

main { width: 80vw; margin: auto; min-height: calc(100% - 65px - 30px - 35px); }

@media screen and (max-width: 700px) {
    main  { width: calc(100vw - 60px); margin-left: 30px; display: inline-block; height: auto; min-height: 70vh;}
}




#blog-frame { height: 100% }
#blog-frame iframe { height: inherit; width: 100%; border: 0; }