@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Fonts load first */


/* Default & normalize setter */
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
article,aside,footer,header,nav,section,figcaption,figure,blockquote,main,details,menu,picture,video{display:block;box-sizing:border-box;padding:0;margin:0;}
template,[hidden]{display:none;}
audio,video,canvas{display:inline-block;}
audio:not([controls]){display:none;height:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}


/* Normalize - Comerto specific 1  */
body,html,div,img,svg,figure,form,iframe{padding:0px;border:0px;margin:0px;box-sizing:border-box;border-style:none;}
ul,ol,li,a,span{box-sizing:border-box;}
div{position:relative;max-height:9999999px;}
main,footer,header,section{width:100%;}

/* Normalize - Comerto specific 2 */
body{min-height:101vh;}
.form,.form_submit,div{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;box-sizing:border-box;}
img, picture {max-width:100%;height:auto;display:block;}
iframe {max-width: 100%;}
a,.form_submit{cursor: pointer;}


/* Page */
html{
    scroll-behavior: smooth;
    scroll-padding-top: var(--padding-main-top);
}



/* FIGIMAGE & LZLoad */

.lzl{
    background-color: silver;
    font-size: 0.6rem;
    text-align: center;
    opacity: 0.6;
    overflow: hidden;
    transition: opacity 1s ease;
}

.lzl .fimg_img:not([src]),
img.lzl:not([src]){
    opacity: 0;
}


/* Default settings - same mostly everywhere */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a{
    text-decoration: none;
    color: inherit;
}







:root{
    --black: #1a1a1a;
    --blue: #1ea3f3;
    --white: #ffffff;
    --padding-main-top: 80px;
}


body,html{
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    background: var(--black);
    color: var(--white);

    font-size: 20px;
}

.container{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

a{
    color: var(--blue);
}

.logo-wrap{
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.main-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 101vh;
}

header,
.main-text{
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}

.text-width{
    max-width: 400px;
}