@charset "UTF-8";
/* link		-> https://fonts.google.com/ */
/*			-> https://google-webfonts-helper.herokuapp.com/fonts */
/* files	-> design/fonts/... */
/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 26-09-22 */
/* DEFAULt FONT - ROBOTO similar to SIEDLE FRUTIGER */
@font-face {
	font-family:'Roboto';
	src:url('fonts/Roboto-Thin.ttf') format('truetype'),
		url('fonts/Roboto-Light.ttf') format('truetype'),
		url('fonts/Roboto-Medium.ttf') format('truetype'),
        url('fonts/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto-Black.ttf') format('truetype');
	font-display:swap;
	}
@font-face {
        font-family:'Hurricane';
        src:url('fonts/Hurricane-Regular.ttf') format('truetype');
        font-display:swap;
        }   
/* FALL BACK FONT */
@font-face {
	font-family:'OpenSans';
	src:url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'),
		url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
	font-display:swap;
	}

/* ------------------------------------------------------------------------------ */
/* ------------------------------------------------------------ 6.0/00 - 26-09-22 */
  :root
{ --color-logo:#ee741d; }

::selection         {color:#000;background:#ccc;}
::-moz-selection    {color:#000;background:#ccc;}
*,*:before,*:after  {box-sizing:inherit;margin:0;padding:0;}
.clearfix:before,.clearfix:after {content:'';display:table;}
.clearfix:after     {clear:both;}

html
{ box-sizing:border-box;
  block-size:100%;
  -webkit-overflow-scrolling:touch;
  text-rendering:optimizeSpeed;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body,html { 
    margin:0;
    padding:0;
    font-size:100%; 
}

body { 
    overflow-y:scroll;
    font-family:sans-serif; 
}

.content-wrapper { 
    position:absolute;
  top:0;
  left:0;
  height:100vh;
  width:95vw;
  margin:1rem;
  padding:1rem;
  border:1px dashed red;
  z-index:0;
}

h2 { 
    padding:1rem;
    text-align:center;
}

hr { 
    border:solid #ee741d;
    border-width:0;
}

.centered { 
    display:grid;
    justify-content:center;
    align-items:center;
    border: 1px solid red;
}  

/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */