/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

/*
    2. Remove default margin
  */
* {
    margin: 0;
}

/*
    3. Allow percentage-based heights in the application
  */
html,
body {
    height: 100%;
}

/*
    Typographic tweaks!
    4. Add accessible line-height
    5. Improve text rendering
  */
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/*
    6. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/*
    7. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
    font: inherit;
}

/*
    8. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

/*
    9. Create a root stacking context
  */
#root,
#__next {
    isolation: isolate;
}


@font-face {
    font-family: 'almarenabold';
    src: url('almarenabold-webfont.woff2') format('woff2'),
        url('almarenabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarenadisplay_bold';
    src: url('almarenadisplaybold-webfont.woff2') format('woff2'),
        url('almarenadisplaybold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarenadisplay_light';
    src: url('almarenadisplaylight-webfont.woff2') format('woff2'),
        url('almarenadisplaylight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarenadisplay_regular';
    src: url('almarenadisplayregular-webfont.woff2') format('woff2'),
        url('almarenadisplayregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarenalight';
    src: url('almarenalight-webfont.woff2') format('woff2'),
        url('almarenalight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarena_monobold';
    src: url('almarenamonobold-webfont.woff2') format('woff2'),
        url('almarenamonobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarena_monodisplay_bold';
    src: url('almarenamonodisplaybold-webfont.woff2') format('woff2'),
        url('almarenamonodisplaybold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarena_monodisplay_light';
    src: url('almarenamonodisplaylight-webfont.woff2') format('woff2'),
        url('almarenamonodisplaylight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarena_monolight';
    src: url('almarenamonolight-webfont.woff2') format('woff2'),
        url('almarenamonolight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'almarenaregular';
    src: url('almarenaregular-webfont.woff2') format('woff2'),
        url('almarenaregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'mangoregular';
    src: url('mango-webfont.woff2') format('woff2'),
        url('mango-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'stanleyitalic';
    src: url('stanley-webfont.woff2') format('woff2'),
        url('stanley-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'almarena_monolight', Courier, monospace;
    background-color: #048481;
    color: #033A3D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'almarena_monodisplay_bold', Courier, monospace;
}

h1 {}

h2 {}

h3 {}

.content-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.content-main .logo {
    margin-bottom: 50px;
    width: 250px;
    height: 250px;
}

.content-main .content {
    max-width: 760px;
    padding-left: 20px;
    padding-right: 20px;
}

.content h1 {
    margin-bottom: 50px;
    text-align: center;
}

.content .block {
    margin-bottom: 50px;
}

.contact-main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.contact-main .contact-block {}

.link {
    color: #4e474c;
    border-bottom: 1px solid #4e474c;
    color: #4e474c;
    padding-bottom: .25em;
    text-decoration: none;
}

.link:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%234e474c' stroke-width='0.75' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 20%;
    border-bottom: 0;
    padding-bottom: .3em;
    text-decoration: none;
}