body {
    background-color: #061628;
    margin: 0;
    padding: 0;
    font-optical-sizing: auto;
    font-family: "Geist Pixel", sans-serif;
}

body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(https://camus.lat/gold_button_1_hover.png) url(https://camus.lat/gold_button_1_press.png) url(https://camus.lat/nameplate_3_0.png) url(https://camus.lat/nameplate_3_25.png) url(https://camus.lat/nameplate_3_50.png) url(https://camus.lat/nameplate_3_75.png) url(https://camus.lat/nameplate_3_100.png) url(https://camus.lat/falling_star_1.png) url(https://camus.lat/falling_star_2.png) url(https://camus.lat/falling_star_3.png) url(https://camus.lat/falling_star_4.png) url(https://camus.lat/falling_star_5.png) url(https://camus.lat/falling_star_6.png) url(https://camus.lat/falling_star_7.png) url(https://camus.lat/falling_star_8.png) url(https://camus.lat/falling_star_9.png) url(https://camus.lat/hamburguer_menu_normal.png) url(https://camus.lat/hamburguer_menu_press.png) url(https://camus.lat/hamburguer_menu_hover.png);
}

button,
input[type=button] {
    border-image-slice: 6 5 6 5 fill;
    border-image-width: 12px 10px 12px 10px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    padding: 15px 12px;
    border-image-source: url(https://camus.lat/gold_button_1_normal.png);
    background-color: transparent;
    color: #ddd;
    text-shadow: 0px 0px 2px #311e12;
}

button:hover,
input[type=button]:hover {
    border-image-source: url(https://camus.lat/gold_button_1_hover.png);
    text-shadow: 0px 0px 2px #1e120b;
}

button:active,
input[type=button]:active {
    border-image-source: url(https://camus.lat/gold_button_1_press.png);
}

.body_container {
    margin: auto;
    max-width: 78em;
    position: relative;
    z-index: 1;
    margin-bottom: 210px;
}

.main_layout {
    display: grid;
    grid-template-columns: 15em 1fr 15em;
    gap: 1em;
}

header {
    display: grid;
    grid-template-columns: 15em 1fr 15em;
    gap: 1em;
    margin-bottom: 52px;
}

h1 {
    text-align: center;
    padding-right: 13px;
}

h1 span {
    display: inline-block;
    border-image-slice: 3 13 3 13;
    border-image-width: 6px 1em 6px 1em;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    padding: 0.1em 1.1em;
    background-color: #222;
    padding-bottom: 0.2em;
}

main {
    border-image-slice: 14 14 14 14;
    border-image-width: 28px 28px 28px 28px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    border-style: solid;
    padding: 23px 66px;
    max-width: 36em;
    background-color: #222;
}

.main_header_parent {
    position: relative;
    margin-left: 50%;
}

.main_left_corner_parent {
    position: relative;
    margin-right: 100%;
}

.main_right_corner_parent {
    position: relative;
    margin-left: 100%;
}

.main_header {
    display: block;
    width: 128px;
    height: 84px;
    position: absolute;
    top: -78px;
    background-size: contain;
    left: -59px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.main_left_corner {
    display: block;
    width: 80px;
    height: 112px;
    position: absolute;
    top: -40px;
    background-size: contain;
    left: -83px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.main_right_corner {
    display: block;
    width: 80px;
    height: 112px;
    position: absolute;
    top: -40px;
    background-size: contain;
    left: 3px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

a {
    font-weight: 500;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.center {
    text-align: center;
    margin: auto;
}

.dropdown {
    position: relative;
    margin: auto;
}

#confirm_email,
#age {
    display: none;
}

.dropbtn {
    border-image-slice: 1 16 1 16;
    border-image-width: 2px 32px 2px 32px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    padding: 0px 30px 0px 30px;
    cursor: pointer;
    background-color: transparent;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    width: 12em;
}

ul li {
    margin-bottom: 1em;
}

nav ul li a {
    display: block;
    font-size: 1.2rem;
    padding: 5px;
}

nav ul li {
    margin: 0;
    display: block;
    border-image-slice: 8 15 13 25;
    border-image-width: 16px 30px 26px 50px;
    border-image-outset: 0 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    border-width: 16px 30px 26px 50px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropbtn span {
    padding: 5px;
    display: block;
    font-family: "Geist Pixel", sans-serif;
    font-size: larger;
    text-shadow: none;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: 30px;
    z-index: 2;
}

.dropdown-content div {
    border-image-slice: 2 7 2 7;
    border-image-width: 4px 14px 4px 14px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-style: solid;
    padding: 1px 11px;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.dropdown-content a {
    padding: 4px;
    display: block;
    margin: 0;
    width: 4em;
}

.sidebar {
    border-image-slice: 12 12 12 12;
    border-image-width: 24px 24px 24px 24px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    border-style: solid;
    padding: 24px 24px;
    background-color: #222;
}

.link_me {
    border-style: dashed;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    background-color: #0d3159;
}

.link_me textarea {
    field-sizing: content;
    margin-bottom: 1em;
}

.stickers {
    border-image-slice: 26 32 12 32;
    border-image-width: 52px 64px 24px 64px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: repeat repeat;
    border-style: solid;
    margin-top: 2em;
    padding: 52px 64px 24px 64px;
    background-color: #222;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    margin-left: 1em;
    margin-right: 1em;
}

.s33276117 {
    height: 56px;
}

.aliens {
    height: 56px;
}

.antiai {
    height: 56px;
}

.butterflies {
    height: 40px;
}

.general {
    height: 40px;
}

.I_love_surprises {
    height: 40px;
}

.indieweb {
    height: 56px;
}

.no_act_of_kindness_is_wasted {
    height: 56px;
}

.question4mind_readers {
    height: 40px;
}

.right2repair {
    height: 31px;
}

.site_by_geeks {
    height: 40px;
}

.space_station_book {
    height: 40px;
}

.telekinesis {
    height: 40px;
}

.weird {
    height: 56px;
}

.rawr_dinosaur {
    height: 56px;
}

.tetris {
    height: 56px;
}

.made_with_vscode {
    height: 31px;
}

.best_viewed_computer {
    height: 31px;
}

.background_container {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.background {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-repeat: repeat;
    width: 100%;
    margin: 0;
    padding: 0;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
}

.falling_star {
    position: absolute;
    right: 0;
    top: 0;
    width: 256px;
    height: 256px;
    margin: 0;
    padding: 0;
}

.falling_star img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    display: none;
}

.nebula {
    background-image: url(https://camus.lat/nebula.png);
    background-size: 640px 360px;
    height: 100%;
    opacity: 12.5%;
}

.big_stars {
    background-image: url(https://camus.lat/big_stars.png);
    background-size: 640px 360px;
    height: 100%;
    opacity: 25%;
}

.small_stars {
    background-image: url(https://camus.lat/small_stars.png);
    background-size: 640px 360px;
    height: 100%;
    opacity: 50%;
}

.background_1 {
    background-image: url(https://camus.lat/Background_Cementery_1.png);
    background-size: 656px 204px;
    height: 204px;
}

.background_2 {
    background-image: url(https://camus.lat/Background_Cementery_2.png);
    background-size: 722px 168px;
    height: 168px;
}

.background_3 {
    background-image: url(https://camus.lat/Background_Cementery_3.png);
    background-size: 658px 240px;
    height: 240px;
}

.background_4 {
    background-image: url(https://camus.lat/Background_Cementery_4.png);
    background-size: 706px 242px;
    height: 242px;
}

.background_5 {
    background-image: url(https://camus.lat/Background_Cementery_5.png);
    background-size: 710px 258px;
    height: 258px;
}

.background_6 {
    background-image: url(https://camus.lat/Background_Cementery_6.png);
    background-size: 710px 360px;
    height: 360px;
}

.fog_1 {
    background-image: url(https://camus.lat/fog_1.png);
    background-size: 594px 34px;
    height: 34px;
}

.fog_2 {
    background-image: url(https://camus.lat/fog_2.png);
    background-size: 672px 68px;
    height: 68px;
}

.fog_3 {
    background-image: url(https://camus.lat/fog_3.png);
    background-size: 662px 84px;
    height: 84px;
}

.fog_4 {
    background-image: url(https://camus.lat/fog_4.png);
    background-size: 704px 134px;
    height: 134px;
}

.fog_5 {
    background-image: url(https://camus.lat/fog_5.png);
    background-size: 508px 158px;
    height: 158px;
}

.fog_6 {
    background-image: url(https://camus.lat/fog_6.png);
    background-size: 618px 174px;
    height: 174px;
}

.fog_7 {
    background-image: url(https://camus.lat/fog_7.png);
    background-size: 678px 202px;
    height: 202px;
}

form {
    margin-top: 1em;
    margin-bottom: 1em;
}

.form_success {
    font-size: larger;
    font-style: italic;
    color: #0ff;
}

.form_error {
    color: red;
}

label {
    display: block;
    margin-bottom: 1em;
}

form input,
form select,
form textarea {
    width: 100%;
    margin-top: 5px;
}

form textarea {
    field-sizing: content;
    min-height: 2.2em;
}

#name input {
    width: 48%;
}

form input[type=submit] {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 2em;
}

.business_inquiries {
    font-weight: bolder;
    font-size: larger;
    text-align: center;
    margin-bottom: 2em;
}

.form_info {
    padding-left: 1em;
    border-style: dashed;
    border-width: 1px;
    padding-right: 1em;
}

.credit_list {
    padding-left: 0;
}

section {
    padding-top: 2em;
}

.recipe_list {
    padding-left: 0;
}

.dev_blog img {
    max-width: 100%;
    cursor: pointer;
}

.post_date {
    margin-left: 1em;
}

share-actions {
    text-align: center;
}

.share-actions {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.share-actions [role='alert']:empty {
    display: none;
}

.hamburguer_menu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    border-image-source: url(https://camus.lat/hamburguer_menu_normal.png);
    width: 92px;
    height: 68px;
    padding: 0;
    z-index: 3;
}

.hamburguer_menu:hover {
    border-image-source: url(https://camus.lat/hamburguer_menu_hover.png);
}

.hamburguer_menu:active {
    border-image-source: url(https://camus.lat/hamburguer_menu_press.png);
}

.hamburguer_menu_background {
    display: none;
    background-color: #222d;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

@media screen and (width <=77rem) {
    .main_layout {
        display: grid;
        grid-template-columns: 15em 1fr;
        gap: 1em;
    }

    .sidebar {
        grid-column-start: 1;
        grid-column-end: 3;
        margin-right: 1em;
        margin-left: 1em;
    }
}

@media screen and (width <=63rem) {
    .main_layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em;
    }

    main {
        margin-left: auto;
        margin-right: auto;
    }

    nav {
        display: none;
        position: fixed;
        top: 68px;
        left: 0;
        z-index: 2;
        padding-left: 1em;
        padding-right: 1em;
    }

    .hamburguer_menu {
        display: block;
    }
}