@charset "utf-8";
/* CSS Document */

/*Mobile*/
@media screen and (max-device-width: 450px) {
    body {font-size: 1em;}
}
/*CONTENT*/
@media screen and (max-width: 490px) {
    
/*WELCOME*/
#welc #buttons {
    grid-template-columns: auto !important;
    align-content: space-between;
}

#bubble .starline {width: calc(27px * 3);}

/*Links*/

#net .buttContainter {grid-template-columns: auto auto auto auto !important;}


#journal nav, #journal article {padding: 24px;}

#journal nav a::before {content: none;}

}

/*UH OH*/
@media screen and (max-width: 700px) {
    .uh-oh {
        display: none;
    }
    body.wc {overflow: hidden;}
}

/*800x600*/
@media screen and (max-device-width: 801px) {

main.win { width: calc(70% - 0px); height: 80vh; margin: 2% 2% 0 0;}

.file {white-space: nowrap;}

#img {max-height: 24vh;}

#clr {width: 22px;height: 22px;}
.color {width: 8px;height: 8px;}

#gif {left: -10px;top: 10px;width: auto;}

.mobu {background-position: right;}

#updates {width: 150px; height: 126px; z-index: 102; }

#blinki { left: 50vw; top: 72vh; width: 225px;}

#music {top: 16vh;left: 62vw;}

#vids {right: 72vh;top: 65vh;}

#webring { left: 125px; top: 200px;}

.min-win {min-width: 8%;}

}