h1{
    margin:0px;
    text-transform: uppercase;
    font-size:48px
}
p{
    text-transform: uppercase;
    margin-top:0px;
    margin-bottom:5px;
}
.button{
	display:inline-grid;
	grid-template-columns: repeat(8, auto);
	column-gap: 1px;
}
.surfclub{
    grid-column:1;
    grid-row:2;
}
.censor{
    grid-column: 2;
    grid-row:2;
}
.bunnyhell{
    grid-column: 3;
    grid-row:2;
}
.bestviewed{
    grid-column: 4;
    grid-row:2;
}
.publicdomain{
    grid-column: 5;
    grid-row:2;
}
.hostedon{
    grid-column: 6;
    grid-row:2;
}
.geekring{
	grid-column:1;
}
.lotl{
	grid-column: 2;
}
.hotline{
	grid-column:3;
}
.retronaut{
	grid-column:4;
}
.nullring{
	grid-column: 5;
	border:1px solid;
	border-color: #f5f1e8 #b2aeae #b2aeae #f5f1e8;
	height:29px;
	width:86px;
	display:flex;
	justify-content: space-evenly;
	background:linear-gradient(#edeae4, #3f3f3f)
}
.nullring img{
	max-height:29px;
	image-rendering:optimizeQuality
}
.anotherpage{
	grid-column: 6;
}
@media only screen and (max-width: 700px) {
.hotline{
    grid-row:2;
    grid-column:1;
}
.retronaut{
    grid-row:2;
    grid-column: 2;
}
.nullring{
    grid-row:3;
    grid-column: 1;
}
.anotherpage{
    grid-row:3;
    grid-column: 2;
}
.surfclub{
    grid-row:4;
    grid-column:1;
}
.censor{
    grid-row:4;
    grid-column:2;
}
.bunnyhell{
    grid-row:5;
    grid-column:1;
}
.bestviewed{
    grid-row:5;
    grid-column:2
}
.publicdomain{
    grid-row:6;
    grid-column:1;
}
.hostedon{
    grid-row:6;
    grid-column:2;
}
.nullring img{
    image-rendering:pixelated!important;
}
.magic{
    font-size:30px!important
}
.bubble{
    font-size:16px!important
}
.bubbles{
    font-size:8px;
}
#border{
    border-width:1px
}
body{
    overflow:auto!important;
}
}