@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&family=Roboto+Slab:wght@100&display=swap');


/* - - - - - - - - - - - - - - RESET */
html, body{
width: 100%;
height: 100%;}
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.25;
color: #fff;
background-color: #000;
}

/* - - - - - - - - - - - - - - SCROLLBARS */
::-webkit-scrollbar{ width: 5px; height: 6px; }
::-webkit-scrollbar-track{
background-color: rgba(255,255,255,.5);
}
::-webkit-scrollbar-thumb{
background: #000;
border: 1px solid #eee;
}
::-webkit-scrollbar-corner{ display: none;}
/*
::-webkit-scrollbar-button{display: none;}
::-webkit-scrollbar-track-piece{}
::-webkit-resizer{}
*/
/* - - - - - - - - - - - - - - FORM */
input, button, select, textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
border-radius: 4px;
}
/* - - - - - - - - - - - - - - / RESET */

#bg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all 7000ms ease-in-out;
transition: all 7000ms ease-in-out;
}

.cuad {
display: block;
width: calc( 100% / 5 );
height: calc( 100% / 5 );
position: fixed;
left:0;
top:0;
color: transparent;
/*background-color: #fff;*/
/*background-blend-mode: screen;*/
border: 2px solid #666;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all 7000ms ease-in-out, border-radius 1s ease-in-out;
transition: all 7000ms ease-in-out, border-radius 1s ease-in-out;
}

#msg {
width: 100%;
height: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
h1 {
font-family: Oswald, sans-serif;
font-size: 10vw;
font-weight: 500;
}
p {
font-size: 4vw;
font-weight: 400;
}
p a {
text-decoration: none;
color: #fff;
}


.tac { text-align: center }

/* - - - - - - - - - - - - - - MEDIA QUERY */
@media (max-width: 1200px){
}
/* - - - - - - - - - - - - - - MEDIA QUERY */
@media (max-width: 992px){
}
/* - - - - - - - - - - - - - - MEDIA QUERY */
@media (max-width: 768px){
}
/* - - - - - - - - - - - - - - MEDIA QUERY */
@media (max-width: 480px){
}
/* - - - - - - - - - - - - - - MEDIA QUERY */
@media (max-width: 320px){
}
/* - - - - - - - - - - - - - - MEDIA QUERY */
@media print{}