/* 
-------------------------------------------------------------- */
/* @import url(media-query.css);
-------------------------------------------------------------- */
@import url(fonts.css);

html, body{
    margin:0;
    padding:0;
/*    overflow: hidden;*/
}
/**/
*,:after,:before{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
:root{

    /* Theme colors */
    --gradient100: linear-gradient(120deg, #a1c4fd 0%, #0096d1 100%);
    --gradient200: linear-gradient(130deg,#ff7a18,#af002d 41.07%,#319197 76.05%);
    --color100:#ffffff;
    --color200:#5f5f5f;
    --color300:#2a366b;
    --color400:rgba(178, 255, 36, .7);
    --color500:hsla(51, 100%, 47%, 0.24);
    --color900:#111111;
    /* Theme font-family */
    --Anton:'Anton';
    --Abel:'Abel';
    --Lexend:'Lexend-VariableFont_wght';
}

body{
    font-size: 16px;
    background-color: var(--color100);
    font-family: var(--Abel);

}

body#error{
    background-color: var(--color300);
    color: var(--color100);
}
#error section#all{
    max-width: 100vw;
    height: 100vh;
    margin: auto;
    display: grid;
}
body#error a{
    color: var(--color100);
    text-decoration: none;
}
body#error a:hover{
    color: var(--color400)
}
.error-message{
   font-size: 2rem;
   margin: auto;
   padding: 1rem;
   text-align: center;

}