@font-face {
    font-family:"GT Alpina Typewriter Beta v5 Light";
    src:url("GT-Alpina-Typewriter-Beta-v5-Light.woff2") format("woff2"),url("GT-Alpina-Typewriter-Beta-v5-Light.woff") format("woff"),url("GT-Alpina-Typewriter-Beta-v5-Light.otf") format("opentype");
    font-style:normal;font-weight:400;
}
    
*{
margin: 0px;   
padding: 0px; 
font-family:"GT Alpina Typewriter Beta v5 Light";
}

.content{
    width: 100vw;
    top: 0px;
    right:0px;
    height: auto;
    display: flex;
 flex-direction: column;
}

::selection {
    color: white;
    background: black;
  }

a{cursor: pointer;}

#neverever{
top:60vh;
left:20vw;
position: absolute;
font-size: 5vh;
width: 60vw;
text-align: center;
transform: rotate(7deg);
}

#shots{
z-index: 1000;  
position: absolute;  
top: 50vh;
left: 30vw;
width: 55vw;
transform: rotate(-3deg);
display: none;
}

.top{
width: 100vw;
height: 100vh;
top: 0;
right:0;
position: relative;

}

#red{color: red;
    fill:red;}
.ontop{
    width: 100vw;
    height: 100vh;
    top: 0;
    right:0;
    position: fixed;
    z-index: 10000;
    }

.svg{width: 100vw;
height: 100vh;
padding-bottom:0px;
z-index: -1000;
pointer-events: none;
}

svg:last-child{
margin-bottom: 2vw;    
}

.svgsmall{
 margin-left: 2vw;  
 margin-right: 2vw;
 margin-top: 2vw;
}


.svglarge{
    margin-top: 2vw;
}

.svglarge:first-child{
margin-top: 0;    
}

.text{
margin-top: 1vw;
text-align: center;
font-size:7vh;
}

a{
color: black;    
text-decoration: none;
}


.gif{height: 100vh;width: 100vw;}
.info{
margin-top: 2vw;
width: 96%;
height: auto;
margin-left: 2vw;
margin-right: 2vw;
display: flex;
flex-direction:row;
font-size: 2vh;
}

.infofield{
flex-grow: 1;
flex-basis: 0;
box-sizing: border-box;
border-right: 4.5px solid black;
text-align: justify;
padding-right: 1vw;
padding-left: 1vw;
padding-bottom: 1vw;
}

.infofield:last-child{
border-right: none; 
}



.infofield p {
margin-bottom: 2vh; 
}

.infofield a{
    display: block;
}

.infofield svg{
margin:1.5vw;

}

.image-wrap{
    margin-top: 2vw;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.image-single{
flex: 1 0 30%;       
height:33vw;
background-size: cover;
}

.black-square{
    background-color: black;
    position: relative;
    width: 100%;
    
}

.black-square p{
    color: white;
    bottom:20px;
    position: absolute;
    width: 100%;
    text-align: center;
}

.link{margin-top:2vw;}

@media only screen and (max-width: 500px) {
    .info{flex-direction: column;}
    .infofield{border-right: none; border-bottom: 5px solid black;}
    .infofield:last-child{border-bottom: none;}
    #neverever{width:90vw;left:5vw;}
    #shots{top: 70vh;
        left: 5vw;
        width: 90vw;
        transform: rotate(-3deg);
        display: none;
        }
    .text{font-size: 2.8vh;}
    .image-wrap{flex-direction: column;flex-wrap: nowrap;}
    .image-single{height:100vw;}
    .leer{display: none;}
    #n1{order: 1;}
    #n2{order: 2;}
    #n3{order: 3;}
    #n4{order: 4;}
    #n5{order: 5;}
    #n6{order: 6;}
    #n7{order: 7;}
    #n8{order: 8;}
    #n9{order: 9;}
    #n10{order: 10;}
    #n11{order: 11;}
    #n12{order: 12;}
    #n13{order: 13;}
    #n14{order: 14;}
    #n15{order: 15;}
    #n16{order: 16;}
    #n17{order: 17;}
    #n18{order: 18;}
    #n19{order: 19;}
    #n20{order: 20;}
    #n21{order: 21;}
    #n22{order: 22;}
    #n23{order: 23;}
    #n24{order: 24;}
    #n25{order: 25;}
    #n26{order: 26;}
    #n27{order: 27;}
    #n28{order: 28;}
    #n29{order: 29;}
    #n30{order: 30;}
    #n31{order: 31;}
    #n32{order: 32;}
    #n33{order: 33;}
    #n34{order: 34;}
    #n35{order: 35;}
    #n36{order: 36;}
    #n37{order: 37;}
    #n38{order: 38;}
    #n39{order: 39;}
    #n40{order: 40;}
    #n41{order: 41;}
    #n42{order: 42;}
    #n43{order: 43;}
    #n44{order: 44;}
}