/* Decorated by woe @ blookwoe.neocities.org */
/* Made for funnu @ fluffle.cc/lonepi */
/* Free to use */

@font-face {
    src: url('https://file.garden/aZIs8P3ch2qR4upS/ZenDots-Regular.ttf');
    font-family: zenDots;
}

@font-face {
    src: url('https://file.garden/aZIs8P3ch2qR4upS/SpaceGrotesk-Regular.ttf');
    font-family: grotesk;
}

@font-face {
    src: url('https://file.garden/aZIs8P3ch2qR4upS/MonsieurLaDoulaise-Regular.ttf');
    font-family: monsieur;
}

.frag:not(:target) { 
    display: none; 
}

#first:has(~ .frag:target) { 
    display: none; 
}

.title {
    width: fit-content;
    color: #42bf66;
    font-family: zenDots;
    position: relative;
    padding: 0;
    margin: 0;
    top: 48px;
    z-index: 2;
    text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
    filter: drop-shadow(-2px 6px 16px rgba(7, 35, 2, 0.3));
}

.fragRow {
    position: relative;
    top: 20px;
    left: 120px;
    z-index: 4;
    display: flex;
    flex-direction: row;
    height: fit-content;
}

.fragRow a {
    color: rgba(7, 35, 2, 1);
    text-decoration: none;
    font-family: monsieur;
    font-size: 1.5em;
    filter: drop-shadow(-2px 6px 8px rgba(7, 35, 2, 0.3));
    text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff;
}

a {
    transition: 0.2s ease;
}

a:hover {
    filter: brightness(105%);
    transform: translateY(-3px);
}

body {
    background-color: #909f90;
    display: flex;
    width: 120%;
}

html {
    height: 100%;
    overflow: hidden;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.container {
    max-width: 250px;
    width: 250px;
    border-width: 9px;
    border-style: solid;
    /* Border image by shai @ mypillowfort.net */
    border-image: url('https://file.garden/aZIs8P3ch2qR4upS/cuteCreditToPillowfort.png') 11 fill round;
    font-family: grotesk;
    color: #17490d;
    padding: 10px;
    height: 300px;
    overflow: auto;
}

#steviaNova {
    cursor: pointer;
    z-index: 3;
    position: relative;
    top: 35px;
    right: 182px;
    background-image: url('https://file.garden/aZIs8P3ch2qR4upS/steviaNormal.png');
    transform: scale(0.75);
    width: 389px;
    height: 446px;
    filter: drop-shadow(-2px 6px 16px rgba(7, 35, 2, 0.2));
    transition: 0.2s ease;
}

#steviaNova:hover {
    transform: rotate(2deg) translateY(5px) scale(0.75);
}

#steviaNova:active {
    background-image: url('https://file.garden/aZIs8P3ch2qR4upS/steviaHappy.png');
    transform: translateY(-20px) scale(0.75);
}

#steviaNovaFloat {
    filter: drop-shadow(-2px 6px 16px rgba(7, 35, 2, 0.3));
    background-image: url('https://files.catbox.moe/uod5uo.png');
    width: 94px;
    height: 81px;
    position: relative;
    top: 425px;
    z-index: 4;
    left: 55px;
    animation-name: goRun;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes goRun {
    0% {top: 350px; left: 55px; transform: scaleX(1)}
    45% {top: 350px; left: 225px; transform: scaleX(1)}
    50% {top: 350px; left: 225px; transform: scaleX(-1)}
    95% {top: 350px; left: 55px; transform: scaleX(-1)}
    100% {top: 350px; left: 55px; transform: scaleX(1)}
}

@media screen and (max-width: 600px) { /* Mobile friendly */
    /* Disables Stevia Nova cookie from blocking the screen if on an iPhone */
  #steviaNova {
    display: none;
  }
    
    #steviaNovaFloat {
        display: none;
    }
}