:root {
    --maxwidth:1440px;
    --color-bg:#000000;
    --color-text:#07689F;
    --appheight: 100vh;
    --paddingWidth:30px;
}
*,*:before,*:after{
	box-sizing:border-box;
}
.onlymobile{display: none;}
.onlydesktop{}
html {
    height: -webkit-fill-available;
}
body {
	background:var(--color-bg);
	color:var(--color-text);
    padding: 0;
    margin: 0;
	font-family:'EB Garamond';
	font-style:normal;
	font-weight:400;
	font-size:20px;
	line-height:1.1;
	letter-spacing: 0.4;
	word-break: break-word;
    min-height: var(--appheight);
}
a{
	color: var(--color-link);
    text-decoration: none;
}
img{
	width:100%;
	height:auto;
	object-fit:contain;
}
/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
    body {
        /* The hack for Safari */
        min-height: -webkit-fill-available;
    }
}
strong{
    font-weight: 500;
}
.noevent{
	cursor: default;
	pointer-events: none;
}
.ucfirst {
	text-transform: lowercase;
}
.ucfirst:first-letter {
	text-transform: uppercase;
}
.hide,.none{
	display: none;
}


.wavesContainer{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    border: 1px solid #FF0000;
}
.wavesContainer.filter1{
    filter: saturate(5);
}
.wavesContainer.filter2{
    filter: sepia(1) contrast(7.5) blur(1px);
}