@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:ital,wght@0,100..900;1,100..900&family=Geist+Pixel&family=Geist:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'TNR';
    src: url('./fonts/Times\ New\ Roman\ MT\ Condensed.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

*::selection {
    background-color: #414896;
    color: white;
}



html,
body {
    width: 100dvw;
    min-height: 100dvh;
    margin: 0;
    pad: 0;
    overflow-x: hidden;
    font-family: "Geist", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.analogue {
    position: absolute;
    top: 0;
    right: -40px;
    max-width: 1px;
    padding: 0;
    transform: scale(2, 1);
    z-index: 0;
}

a {
    color: #414896;
    text-decoration: none;
}

a:hover {
    color: white;
    background-color: #414896;
}

.scatter,
.scatter::selection {
    color: #414896;
    background-color: white;
    text-decoration: none;
}

.home {
    color: black;
    text-decoration: none;
}

.home:hover,
.home::selection {
    background-color: black;
    color: white;
}

.common {
    color: #780000;
    text-decoration: none;
}

.common:hover,
.common::selection {
    background-color: #780000;
    color: white;
}

.garden {
    color: #31754f;
    text-decoration: none;
}

.garden:hover,
.garden::selection {
    background-color: #31754f;
    color: white;
}

.gallery {
    color: #F6D95A;
    text-decoration: none;
}

.gallery:hover,
.gallery::selection {
    background-color: #F6D95A;
    color: black;
}

.stanalogue {
    color: #0000FD;
    text-decoration: none;
}

.stanalogue:hover,
.stanalogue::selection {
    background-color: #dbfe01;
    color: black;
}

.rotate {
    margin: 0;
    padding: 0;
    font-family: 'TNR';
    transform-origin: top left;
    transform: rotate(90deg);
    text-transform: uppercase;
    font-size: 80px;

    a {
        color: black;
    }

    a:hover {
        color: black;
        background-color: white;
    }
}

.about {
    padding-right: 150px;
    padding-left: 10px;
}

span {
    font-size: 10px;
}

.info {
    font-size: 10px;
}

.version {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: "TNR";
}