@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-LightIt.eot');
	src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'),
		url('./fonts/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-LightIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-LightIt.eot');
	src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
		url('./fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-LightIt.woff') format('woff'),
		url('./fonts/ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Regular.eot');
	src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'),
		url('./fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Regular.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Extrabld.eot');
	src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
		url('./fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Extrabld.woff') format('woff'),
		url('./fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Black.eot');
	src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'),
		url('./fonts/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Black.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-ExtrabldIt.eot');
	src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'),
		url('./fonts/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-ExtrabldIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
		url('./fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Regular.woff') format('woff'),
		url('./fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
		url('./fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Semibold.woff') format('woff'),
		url('./fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Thin.eot');
	src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'),
		url('./fonts/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Thin.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Semibold.eot');
	src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'),
		url('./fonts/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Semibold.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-SemiboldIt.eot');
	src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'),
		url('./fonts/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-SemiboldIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Semibold.eot');
	src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'),
		url('./fonts/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Semibold.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-ThinIt.eot');
	src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'),
		url('./fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-ThinIt.woff') format('woff'),
		url('./fonts/ProximaNova-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Thin.eot');
	src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'),
		url('./fonts/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Thin.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-RegularIt.eot');
	src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'),
		url('./fonts/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-RegularIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-ThinIt.eot');
	src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'),
		url('./fonts/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-ThinIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-SemiboldIt.eot');
	src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
		url('./fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-SemiboldIt.woff') format('woff'),
		url('./fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-RegularIt.eot');
	src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'),
		url('./fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-RegularIt.woff') format('woff'),
		url('./fonts/ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Extrabld.eot');
	src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'),
		url('./fonts/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Extrabld.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-ExtrabldIt.eot');
	src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'),
		url('./fonts/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-ExtrabldIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-BlackIt.eot');
	src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'),
		url('./fonts/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-BlackIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-LightIt.eot');
	src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'),
		url('./fonts/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-LightIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-ThinIt.eot');
	src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'),
		url('./fonts/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-ThinIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Light.eot');
	src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'),
		url('./fonts/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Light.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-BoldIt.eot');
	src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'),
		url('./fonts/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-BoldIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Extrabld.eot');
	src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'),
		url('./fonts/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Extrabld.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-BoldIt.eot');
	src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'),
		url('./fonts/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-BoldIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Black.eot');
	src: local('Proxima Nova Black'), local('ProximaNova-Black'),
		url('./fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Black.woff') format('woff'),
		url('./fonts/ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Bold.eot');
	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
		url('./fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Bold.woff') format('woff'),
		url('./fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Bold.eot');
	src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'),
		url('./fonts/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Bold.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaT-Thin.eot');
	src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'),
		url('./fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaT-Thin.woff') format('woff'),
		url('./fonts/ProximaNovaT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-BoldIt.eot');
	src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'),
		url('./fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-BoldIt.woff') format('woff'),
		url('./fonts/ProximaNova-BoldIt.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Bold.eot');
	src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'),
		url('./fonts/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Bold.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Black.eot');
	src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'),
		url('./fonts/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Black.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-RegularIt.eot');
	src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'),
		url('./fonts/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-RegularIt.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-Light.eot');
	src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'),
		url('./fonts/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-Light.woff') format('woff'),
		url('./fonts/ProximaNovaCond-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-ExtrabldIt.eot');
	src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'),
		url('./fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
		url('./fonts/ProximaNova-ExtrabldIt.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-BlackIt.eot');
	src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'),
		url('./fonts/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-BlackIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaExCn-Regular.eot');
	src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'),
		url('./fonts/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaExCn-Regular.woff') format('woff'),
		url('./fonts/ProximaNovaExCn-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-Light.eot');
	src: local('Proxima Nova Light'), local('ProximaNova-Light'),
		url('./fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-Light.woff') format('woff'),
		url('./fonts/ProximaNova-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNovaCond-SemiboldIt.eot');
	src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'),
		url('./fonts/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNovaCond-SemiboldIt.woff') format('woff'),
		url('./fonts/ProximaNovaCond-SemiboldIt.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('./fonts/ProximaNova-BlackIt.eot');
	src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'),
		url('./fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
		url('./fonts/ProximaNova-BlackIt.woff') format('woff'),
		url('./fonts/ProximaNova-BlackIt.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}


body {
    margin: 0;
    padding: 0;
    background: #83ffe7 url(./img/bg-diamante.svg);
    background-attachment: fixed;
    background-position: 50%;
    background-size: max(624px, 100%);
    font-family: "ProximaNova", "Open Sans", sans-serif;
    font-weight: 400;
}

.wrapper {
    position: relative;
}

.overlay {
    background-color: #5d6b84;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.search {
    max-width: 100%;
    margin-top: -40px;
    padding: 10px 25px;
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    box-shadow: 0px 4px 4px 0px #00000040;
    background-color: #83ffe7;
}

.search.active {
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
}

#results {

}

#searchform > div {
    width: 100%;
    height: 64px;
    margin: 10px 0px;
    border-radius: 16px;
    box-shadow: 0px 3px 5px 3px #5d6b8433;
    color: #002b50;
    background-color: #FFFFFF;
}

#searchform input {
    display: block;
    width: 90%;
    height: 62px;
    margin: 0 auto;
    border: none;
    outline: none;
    font-family: "ProximaNova", "Open Sans", sans-serif;
    font-size: 21px;
    font-weight: 800;
    color: #002b50

}

#searchform input::placeholder {
    color: #bac9de;
}

header {
    display: flex;
    flex-direction: column;
    gap: 35px;
    position: fixed;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    height: 105px;
    max-width: 614px;
    width: 100%;
    border-radius: 15px;
    background-color: white;
    box-shadow: 0px 4px 4px 0px #00000040;
    z-index: 99;
}

.header_container {
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header_container>div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;

}

.header_logo, header a {
    transition: transform 0.3s ease-in-out;
}


.header_logo:hover, header a:hover {
    transform: scale(1.1)
}

.container {
    margin: 0 auto;
    margin-top: 16px;
    max-width: 1890px;
    width: fit-content;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(15, 110px);
    grid-template-rows: repeat(8, 110px);
    gap: 16px 16px;
    grid-auto-flow: dense;
    grid-template-areas:
        "ip1 ip1 ip3 ip4 ip5 . . . . . ip46 ip47 ip32 ip32 ip33"
        "ip1 ip1 ip2 ip2 ip2 ip24 ip24 ip25 ip26 ip27 ip31 ip31 ip32 ip32 ip34"
        "ip6 ip6 ip2 ip2 ip2 ip24 ip24 ip23 ip23 ip23 ip31 ip31 ip35 ip35 ip35"
        "ip6 ip6 ip2 ip2 ip2 ip18 ip18 ip23 ip23 ip23 ip36 ip37 ip35 ip35 ip35"
        "ip7 ip11 ip13 ip14 ip19 ip18 ip18 ip23 ip23 ip23 ip38 ip38 ip35 ip35 ip35"
        "ip10 ip12 ip8 ip8 ip15 ip15 ip15 ip22 ip29 ip30 ip38 ip38 ip43 ip44 ip45"
        "ip9 ip9 ip8 ip8 ip15 ip15 ip15 ip21 ip28 ip28 ip41 ip39 ip39 ip40 ip40"
        "ip9 ip9 ip16 ip17 ip15 ip15 ip15 ip20 ip28 ip28 ip42 ip39 ip39 ip40 ip40";
}




#results {
    display: none;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom:10px
}

#results.active {
    display: flex
}

.container > a, #results > a, .gameLayout > a, .container-cat > a{
    display: block;
    position: relative;
    background-color: lightgray;
    border-radius: 16px;
    box-shadow: 0px 7px 10px 4px #5d6b844d;
    transition: transform 0.3s ease-in-out;
}

#results > a {
    width: 127px;
    height: 127px;
}

.container > a::after, #results > a::after, .gameLayout > a::after, .container-cat > a::after {
    background: linear-gradient(#0000 25%, #0000004d);
    border-radius: 16px;
    bottom: 0;
    contain: strict;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s cubic-bezier(.25,.1,.25,1);
    width: 100%;
    will-change: opacity, box-shadow;
    z-index: 5;
}

.container > a:hover, #results > a:hover, .gameLayout > a:hover, .container-cat > a:hover {
    transform: scale(1.04) translateY(-4px);
    transition-duration: .3s;
}

.container > a:hover::after, #results > a:hover::after, .gameLayout > a:hover::after, .container-cat > a:hover::after {
    box-shadow: 0px 12px 16px 8px #5d6b844d;
    opacity: 1
}

.container > a > p, #results > a > p, .gameLayout > a > p, .container-cat > a > p {
    position: absolute;
    left: 50%;
    bottom: -10px;
    opacity: 0;
    transform: translateX(-50%);
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: white;
    z-index: 10;
    transition: 0.3s;
}

.container > a:hover > p, #results > a:hover > p, .gameLayout > a:hover > p, .container-cat > a:hover > p {
    bottom: 0px;
    opacity: 1
}

.container > a > img, #results > a > img, .gameLayout > a > img, .container-cat > a > img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 16px;
   z-index: 1;
}

.ip1 {
    grid-area: ip1;
}

.ip2 {
    grid-area: ip2;
}

.ip3 {
    grid-area: ip3;
}

.ip4 {
    grid-area: ip4;
}

.ip5 {
    grid-area: ip5;
}

.ip6 {
    grid-area: ip6;
}

.ip7 {
    grid-area: ip7;
}

.ip8 {
    grid-area: ip8;
}

.ip9 {
    grid-area: ip9;
}

.ip10 {
    grid-area: ip10;
}

.ip11 {
    grid-area: ip11;
}

.ip12 {
    grid-area: ip12;
}

.ip13 {
    grid-area: ip13;
}

.ip14 {
    grid-area: ip14;
}

.ip15 {
    grid-area: ip15;
}

.ip16 {
    grid-area: ip16;
}

.ip17 {
    grid-area: ip17;
}

.ip18 {
    grid-area: ip18;
}

.ip19 {
    grid-area: ip19;
}

.ip20 {
    grid-area: ip20;
}

.ip21 {
    grid-area: ip21;
}

.ip22 {
    grid-area: ip22;
}

.ip23 {
    grid-area: ip23;
}

.ip24 {
    grid-area: ip24;
}

.ip25 {
    grid-area: ip25;
}

.ip26 {
    grid-area: ip26;
}

.ip27 {
    grid-area: ip27;
}

.ip28 {
    grid-area: ip28;
}

.ip29 {
    grid-area: ip29;
}

.ip30 {
    grid-area: ip30;
}

.ip31 {
    grid-area: ip31;
}

.ip32 {
    grid-area: ip32;
}

.ip33 {
    grid-area: ip33;
}

.ip34 {
    grid-area: ip34;
}

.ip35 {
    grid-area: ip35;
}

.ip36 {
    grid-area: ip36;
}

.ip37 {
    grid-area: ip37;
}

.ip38 {
    grid-area: ip38;
}

.ip39 {
    grid-area: ip39;
}

.ip40 {
    grid-area: ip40;
}

.ip41 {
    grid-area: ip41;
}

.ip42 {
    grid-area: ip42;
}

.ip43 {
    grid-area: ip43;
}

.ip44 {
    grid-area: ip44;
}

.ip45 {
    grid-area: ip45;
}

.ip46 {
    grid-area: ip46;
}

.ip47 {
    grid-area: ip47;
}

.gp {
    grid-area: gp;
}

.categories {
    padding: 40px 25px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.categories_item {
    display: block;
    width: 275px;
    height: 60px;
    background-color: white;
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    align-content: center;
    color: #002b50;
    font-weight: 800;
    box-shadow: 0px 7px 10px 4px #5d6b844d;
    font-size: 24px;
    transition: 0.3s;
}

.categories_item:hover {
    transform: scale(1.05)
}

.about {
    background: #fff;
    box-shadow: 0px 7px 10px 4px #5d6b844d;
    overflow: hidden;
    margin: 100px 24px 150px;
    padding: 18px 24px;
    position: relative;
    color: #002b50;
}

.about a {
    color: #054a91;
}

.about a:hover {
    color: #009cff
}

.about_subtitle {
    font-weight: 600
}

.about_title {
    font-weight: 800;
    margin: 10px 0px 24px;
}

.about_pretitle {
    font-weight: 800;
}

.gamecontainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gameframe {
    width: 100%;
    height: 100%;
}

.game_bottombar {
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.game_bottombar-info {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    margin-left: 12px
}

.game_bottombar-info > img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.game_bottombar-info > p {
    font-size: 20px;
    font-weight: 800;
    color: #002b50;
}

#fullscreenButton {
     width: 40px;
     height: 40px;
     position: relative;
     margin: 12px 8px auto;
     margin-right: 20px;
     cursor: pointer
}

#fullscreenButton:hover .fullscreen_img {
     background: #f0f5fc
}

.fullscreen_img {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     background: #FFFFFF;
     transition: 0.6s; 
}

#fullscreenButton:hover .fullscreen_svg {
     transform: rotate(-15deg)
}

.fullscreen_svg {
     transition: 0.4s; 
}

.gameLayout {
    margin: 0 auto;
    margin-top: 150px;
    max-width: 1874px;
    width: fit-content;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(15, 110px);
    grid-template-rows: repeat(8, 110px);
    gap: 16px 16px;
    grid-auto-flow: dense;
     grid-template-areas: 
    "ip1 gp gp gp gp gp gp gp gp gp gp ip6 ip6 ip7 ip7"
    "ip2 gp gp gp gp gp gp gp gp gp gp ip6 ip6 ip7 ip7"
    "ip3 gp gp gp gp gp gp gp gp gp gp ip8 ip8 ip9 ip9"
    "ip4 gp gp gp gp gp gp gp gp gp gp ip8 ip8 ip9 ip9"
    "ip5 gp gp gp gp gp gp gp gp gp gp ip10 ip10 ip11 ip11"
    "ip12 ip12 ip18 ip19 ip20 ip21 ip21 ip22 ip22 ip23 ip24 ip10 ip10 ip11 ip11"
    "ip12 ip12 ip17 ip15 ip15 ip21 ip21 ip22 ip22 ip25 ip26 ip27 ip28 ip29 ip30"
    "ip13 ip14 ip16 ip15 ip15 . . . . . . . . . ."; 
}

footer {
    background: #fff;
    margin: 64px 0 0;
    padding: 40px;
    position: relative;
}

footer > a > svg {
    display: block;
    margin: 0 auto;
    transform: scale(1.5)
}

footer::before {
        background: #fff;
    bottom: 100%;
    clip-path: polygon(0 100%, 30% 0, 36% 100%, 100% 0, 100% 100%);
    content: "";
    height: 26px;
    left: 0;
    margin-bottom: -1px;
    position: absolute;
    right: 0;
}

@media (min-width: 1622px) and (max-width: 1874px) {
    .container {
        max-width: 1622px;
        grid-template-columns: repeat(13, 110px);
        grid-template-rows: repeat(9, 110px);
        grid-template-areas:
                "ip1 ip1 ip2 ip3 . . . . . ip6 ip6 ip6 ip4"
                "ip1 ip1 ip9 ip7 ip7 ip7 ip13 ip14 ip14 ip6 ip6 ip6 ip5"
                "ip10 ip8 ip8 ip7 ip7 ip7 ip15 ip14 ip14 ip6 ip6 ip6 ip18"
                "ip11 ip8 ip8 ip7 ip7 ip7 ip16 ip17 ip25 ip26 ip29 ip30 ip31"
                "ip12 ip12 ip19 ip21 ip22 ip22 ip24 ip24 ip24 ip27 ip28 ip28 ip32"
                "ip12 ip12 ip20 ip23 ip22 ip22 ip24 ip24 ip24 ip35 ip28 ip28 ip33"
                "ip37 ip37 ip37 ip38 ip38 ip39 ip24 ip24 ip24 ip36 ip36 ip34 ip34"
                "ip37 ip37 ip37 ip38 ip38 ip40 ip40 ip43 ip43 ip36 ip36 ip34 ip34"
                "ip37 ip37 ip37 ip41 ip42 ip40 ip40 ip43 ip43 ip44 ip45 ip46 ip47";
    }
    .gameLayout  {
        max-width: 1622px;
        grid-template-columns: repeat(13, 110px);
        grid-template-rows: repeat(8, 110px);
             grid-template-areas: 
    "ip1 gp gp gp gp gp gp gp gp gp gp ip6 ip6"
    "ip2 gp gp gp gp gp gp gp gp gp gp ip6 ip6"
    "ip3 gp gp gp gp gp gp gp gp gp gp ip8 ip8"
    "ip4 gp gp gp gp gp gp gp gp gp gp ip8 ip8"
    "ip5 gp gp gp gp gp gp gp gp gp gp ip10 ip10 "
    "ip12 ip12 ip18 ip19 ip20 ip21 ip21 ip22 ip22 ip23 ip24 ip10 ip10"
    "ip12 ip12 ip17 ip15 ip15 ip21 ip21 ip22 ip22 ip25 ip26 ip27 ip28"
    "ip13 ip14 ip16 ip15 ip15 ip7 ip9 ip11 ip29 ip30 . . . "; 
    }
}

@media (min-width: 1370px) and (max-width: 1622px) {
    .container {
                max-width: 1370px;
                grid-template-columns: repeat(11, 110px);
                    grid-template-rows: repeat(9, 110px);
                    grid-template-areas:
                            "ip1 ip1 ip1 . . . . . ip2 ip6 ip7"
                            "ip1 ip1 ip1 ip9 ip10 ip11 ip11 ip12 ip3 ip4 ip4"
                            "ip1 ip1 ip1 ip8 ip8 ip11 ip11 ip13 ip5 ip4 ip4"
                            "ip15 ip16 ip17 ip8 ip8 ip14 ip14 ip14 ip28 ip29 ip30"
                            "ip24 ip24 ip19 ip20 ip21 ip14 ip14 ip14 ip27 ip27 ip31"
                            "ip24 ip24 ip18 ip18 ip22 ip14 ip14 ip14 ip27 ip27 ip32"
                            "ip25 ip26 ip18 ip18 ip23 ip34 ip34 ip34 ip35 ip33 ip33"
                            "ip40 ip40 ip41 ip42 ip43 ip34 ip34 ip34 ip36 ip33 ip33"
                            "ip40 ip40 ip44 ip45 ip46 ip34 ip34 ip34 ip37 ip38 ip39";
    }
    header{
        left: 49%;
    }

    .gameLayout  {
        max-width: 1370px;
        grid-template-columns: repeat(11, 110px);
        grid-template-rows: repeat(9, 110px);
             grid-template-areas: 
    "ip1 gp gp gp gp gp gp gp gp gp gp"
    "ip2 gp gp gp gp gp gp gp gp gp gp"
    "ip3 gp gp gp gp gp gp gp gp gp gp"
    "ip4 gp gp gp gp gp gp gp gp gp gp"
    "ip5 gp gp gp gp gp gp gp gp gp gp"
    "ip12 ip12 ip18 ip19 ip20 ip21 ip21 ip22 ip22 ip23 ip24"
    "ip12 ip12 ip17 ip15 ip15 ip21 ip21 ip22 ip22 ip25 ip26"
    "ip13 ip14 ip16 ip15 ip15 ip7 ip9 ip11 ip29 ip30 ip28 "
    "ip6 ip8 ip10 ip27 . .  .  .  .  .  ."; 
    }
}

@media (min-width: 1118px) and (max-width: 1370px) {
    .container {
        max-width: 1118px;
        grid-template-columns: repeat(9, 110px);
        grid-template-rows: repeat(11, 110px);
        grid-template-areas:
                "ip1 ip1 ip1 . . . ip7 ip7 ip8"
                "ip1 ip1 ip1 ip3 ip4 ip5 ip7 ip7 ip9"
                "ip1 ip1 ip1 ip2 ip2 ip6 ip6 ip6 ip10"
                "ip14 ip15 ip16 ip2 ip2 ip6 ip6 ip6 ip11"
                "ip17 ip18 ip19 ip20 ip20 ip6 ip6 ip6 ip12"
                "ip21 ip22 ip23 ip20 ip20 ip29 ip30 ip13 ip13"
                "ip24 ip24 ip24 ip26 ip27 ip28 ip28 ip13 ip13"
                "ip24 ip24 ip24 ip25 ip25 ip28 ip28 ip31 ip31"
                "ip24 ip24 ip24 ip25 ip25 ip33 ip32 ip31 ip31"
                "ip34 ip35 ip36 ip37 ip38 ip38 ip40 ip41 ip42"
                "ip43 ip44 ip45 ip46 ip38 ip38 ip39 ip47 .";
    }
    header {
        max-width: 362px;
    }

    .gameLayout  {
        max-width: 1118px;
        grid-template-columns: repeat(9, 110px);
        grid-template-rows: repeat(10, 110px);
             grid-template-areas: 
    "gp gp gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp gp gp"
    "ip12 ip12 ip18 ip19 ip20 ip21 ip21 ip22 ip22 "
    "ip12 ip12 ip17 ip15 ip15 ip21 ip21 ip22 ip22 "
    "ip13 ip14 ip16 ip15 ip15 ip7 ip9 ip11 ip29"
    "ip6 ip8 ip10 ip27 ip1 ip2 ip3  ip4  ip5"
    "ip23 ip24 ip25 ip26 ip30 ip28  .  .  ."; 
    }
}

@media (min-width: 866px) and (max-width: 1118px) {
    .container {
        max-width: 866px;
        grid-template-columns: repeat(7, 110px);
        grid-template-rows: repeat(12, 110px);
        grid-template-areas:
                "ip1 ip1 . . . ip2 ip3"
                "ip1 ip1 ip7 ip8 ip5 ip5 ip4"
                "ip10 ip9 ip9 ip9 ip5 ip5 ip6"
                "ip11 ip9 ip9 ip9 ip14 ip15 ip16"
                "ip12 ip9 ip9 ip9 ip17 ip17 ip18"
                "ip13 ip13 ip21 ip22 ip17 ip17 ip19"
                "ip13 ip13 ip23 ip24 ip25 ip20 ip20"
                "ip26 ip26 ip26 ip27 ip27 ip20 ip20"
                "ip26 ip26 ip26 ip27 ip27 ip28 ip29"
                "ip26 ip26 ip26 ip30 ip31 ip32 ip33"
                "ip34 ip35 ip36 ip37 ip38 ip39 ip40"
                "ip41 ip42 ip43 ip44 ip45 ip46 ip47";
    }
    header {
        max-width: 362px;
    }

    .gameLayout  {
        max-width: 866px;
        grid-template-columns: repeat(7, 110px);
        grid-template-rows: repeat(11, 110px);
             grid-template-areas: 
    "gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp "
    "gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp"
    "gp gp gp gp gp gp gp"
    "ip12 ip12 ip18 ip19 ip20 ip21 ip21 "
    "ip12 ip12 ip17 ip15 ip15 ip21 ip21"
    "ip13 ip14 ip16 ip15 ip15 ip7 ip9"
    "ip6 ip8 ip10 ip27 ip1 ip2 ip3"
    "ip23 ip24 ip25 ip26 ip30 ip28 ip22 "
    "ip11 ip29 ip4 ip5 . . ."; 
    }
}

@media (min-width: 614px) and (max-width: 866px) {
    .container {
        max-width: 614px;
        grid-template-columns: repeat(5, 110px);
        grid-template-rows: repeat(16, 110px);
        grid-template-areas:
                "ip1 . . . ip2"
                "ip3 ip3 ip4 ip6 ip7"
                "ip3 ip3 ip5 ip5 ip8"
                "ip11 ip12 ip5 ip5 ip9"
                "ip10 ip10 ip10 ip14 ip13"
                "ip10 ip10 ip10 ip15 ip16"
                "ip10 ip10 ip10 ip17 ip18"
                "ip20 ip21 ip19 ip19 ip24"
                "ip22 ip23 ip19 ip19 ip25"
                "ip27 ip26 ip26 ip30 ip31"
                "ip28 ip26 ip26 ip29 ip29"
                "ip32 ip33 ip34 ip29 ip29"
                "ip35 ip35 ip36 ip37 ip38"
                "ip35 ip35 ip39 ip40 ip41"
                "ip42 ip43 ip44 ip45 ip46"
                "ip47 . . . .";
    }
    header {
        max-width: 362px;
    }
    .gameLayout  {
        max-width: 614px;
        grid-template-columns: repeat(5, 110px);
        grid-template-rows: repeat(13, 110px);
             grid-template-areas: 
    "gp gp gp gp gp "
    "gp gp gp gp gp "
    "gp gp gp gp gp "
    "gp gp gp gp gp "
    "gp gp gp gp gp "
    "ip12 ip12 ip18 ip19 ip20 "
    "ip12 ip12 ip17 ip15 ip15 "
    "ip13 ip14 ip16 ip15 ip15 "
    "ip6 ip8 ip10 ip27 ip1 "
    "ip23 ip24 ip25 ip26 ip30 "
    "ip11 ip29 ip4 ip5 ip21 "
    "ip7 ip9 ip2 ip3 ip28"
    "ip22 . . . ."; 
    }
    footer::before {
        clip-path: polygon(0 100%,50% 0,60% 100%,100% 0,100% 100%)
        height: 16px;
    }
}

@media (min-width: 362px) and (max-width: 614px) {
    .container {
        max-width: 362px;
        grid-template-columns: repeat(3, 110px);
        grid-template-rows: repeat(22, 110px);
        grid-template-areas:
                ". . ."
                "ip1 ip1 ip2"
                "ip1 ip1 ip3"
                "ip4 ip5 ip6"
                "ip8 ip7 ip7"
                "ip9 ip7 ip7"
                "ip10 ip11 ip12"
                "ip13 ip14 ip15"
                "ip16 ip17 ip18"
                "ip19 ip19 ip20"
                "ip19 ip19 ip21"
                "ip23 ip22 ip22"
                "ip24 ip22 ip22"
                "ip25 ip26 ip27"
                "ip28 ip29 ip30"
                "ip31 ip32 ip33"
                "ip35 ip34 ip34"
                "ip36 ip34 ip34"
                "ip37 ip38 ip39"
                "ip40 ip41 ip42"
                "ip43 ip44 ip45"
                "ip46 ip47 .";
    }
    .gameLayout  {
        max-width: 362px;
        grid-template-columns: repeat(3, 110px);
        grid-template-rows: repeat(14, 110px);
             grid-template-areas: 
    "gp gp gp"
    "gp gp gp"
    "gp gp gp"
    "ip12 ip12 ip18"
    "ip12 ip12 ip17"
    "ip13 ip14 ip16"
    "ip6 ip8 ip10"
    "ip23 ip24 ip25"
    "ip11 ip29 ip4"
    "ip7 ip9 ip2"
    "ip22 ip19 ip20"
    "ip15 ip1 ip27"
    "ip26 ip30 ip5"
    "ip21 ip3 ip28"; 
    }
                header {
                    max-width: 362px;
                }
    #results > a:nth-child(6n + 1) {
        display: none
    }
    
    #results > a {
        width: 110px !important;
        height: 110px !important
    }
        footer::before {
        clip-path: polygon(0 100%,50% 0,60% 100%,100% 0,100% 100%)
        height: 16px;
    }
}

@media (min-width: 236px) and (max-width: 362px) {
    .container {
        max-width: 236px;
        grid-template-columns: repeat(2, 110px);
        grid-template-rows: repeat(29, 110px);
        grid-template-areas:
                ". ."
                "ip1 ip2"
                "ip3 ip3"
                "ip3 ip3"
                "ip4 ip5"
                "ip6 ip7"
                "ip8 ip9"
                "ip10 ip11"
                "ip12 ip13"
                "ip14 ip15"
                "ip16 ip16"
                "ip16 ip16"
                "ip17 ip18"
                "ip19 ip20"
                "ip21 ip22"
                "ip23 ip24"
                "ip25 ip26"
                "ip27 ip28"
                "ip29 ip29"
                "ip29 ip29"
                "ip30 ip31"
                "ip32 ip33"
                "ip34 ip35"
                "ip36 ip37"
                "ip38 ip39"
                "ip40 ip41"
                "ip42 ip43"
                "ip44 ip45"
                "ip46 ip47";
    }
    header {
        max-width: 236px;
    }

    #results > a:nth-child(6n + 1) {
        display: none
    }
    
    #results > a {
        width: 110px !important;
        height: 110px !important
    }
    .gameLayout  {
        max-width: 236px;
        grid-template-columns: repeat(2, 110px);
        grid-template-rows: repeat(19, 110px);
             grid-template-areas: 
    "gp gp"
    "gp gp"
    "ip12 ip12 "
    "ip12 ip12"
    "ip13 ip14 "
    "ip6 ip8 "
    "ip23 ip24 "
    "ip11 ip29 "
    "ip7 ip9 "
    "ip22 ip19 "
    "ip15 ip1 "
    "ip26 ip30 "
    "ip21 ip3 "
    "ip18 ip17"
    "ip16 ip10"
    "ip25 ip4"
    "ip2 ip20"
    "ip27 ip5"
    "ip28 ."; 
    }
}

.css-1h1938b{
    display: none !important;
    
}

.css-bchxyt {
    display: none !important;
    
}

.container-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    max-width: 1890px;
    padding: 135px 15px 0px;
}

.ip-cat {
    width: 110px;
    height: 110px;
}

@media (max-width: 900px) {
    .categories {
        justify-content: center;
    }
}