@font-face {
    font-family: pkmn;
    src: url(pkmn.ttf);
}

.flicker {
    text-shadow: 2px 0px #6955ff50, -2px 0px rgba(255, 136, 136, 0.5), 3px 0px #533cff4b, -3px 0px #ff8d8d50;
}

html {
    display: block;
    width: 100%;
    height: 100%;
}

body {
    background-color: #1b1b1b;
    font-family: pkmn;
    margin: 0;
    margin-top:32px;
}

.box {
    display: flex; flex-direction: column; margin: auto; color: white;border: solid gray 1px;background-color: #0000006c;
    min-width: 440px;
    max-width: 500px;
    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.247);
    background-image: url("darkernoise-alpha.png");
}


#location {
    font-size: 2rem;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

#country {
    font-size: 1.4rem;
}

.status {
    padding: 12px;  display: flex; background-color: #00000065;
    border-top: solid 1px gray;
    border-bottom: solid 1px gray;
}

.status-main {
    font-size: 0.8rem;
    width: 25%;
    border-left: solid 1px gray;
    border-top: none !important;
    border-bottom: none !important;
}

.main {
    height: 450px; display: flex;
}

#main-icon {
    image-rendering:pixelated;
    filter: drop-shadow(0px 0px 4px #00000041) drop-shadow(2px 0px 0px #96aa0050) drop-shadow(-2px 0px 0px #00777750) drop-shadow(3px 0px 0px #acc3004b) drop-shadow(-3px 0px 0px #00727250) invert(1);
    width: 200px;
}