@font-face {
    font-family:"Gore";
    src: url(fFacegore.ttf);
}
@font-face {
    font-family:"EAGLES";
    src: url(NFLEAGLE.TTF);
}
@font-face {
    font-family:"Queen";
    src: url(mayqueen.ttf);
}

img{
    max-width: 100%;
    height: auto;
}


body {
    margin: 0;
    padding: 0;
    min-height: 100vh
  }
  
  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('PapersBG.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: black; /* fallback */
    z-index: -1;
    pointer-events: none; /* allows clicks to pass through */
  }

h1{
font-family:"Scribble";
margin: 50px 0 30px;
text-align: center;
font-size: clamp(5rem, 6vw, 7rem);
color: aliceblue;
text-shadow: 1px 1px 2px black;
font-style: italic;
font-weight: 50;
}

p{
font-family:'Times New Roman';
text-align: center;
margin-top: -40px;
font-size: clamp(1rem, 1.5vw, 2rem);
color: aliceblue;
font-style: italic;
text-shadow: 1px 1px 2px black;
}

.MUSIC {
font-family:"Times New Roman";
font-size: clamp(1rem, 1.5vw, 2rem);
color: #be6262;
}

.SPORTS {
font-family:"Times New Roman";
font-size: clamp(1rem, 1.5vw, 2rem);;
color: rgb(72, 146, 210);
}

.PHILOSOPHY {
font-family:"Times New Roman";
font-size: clamp(1rem, 1.5vw, 2rem);
color: chartreuse;
}

.SportsPaper {
    font-family: "Times New Roman";
    font-size: clamp(1rem, 1.5vw, 2rem);;
    color: rgb(72, 146, 210);
 font-style: italic;
 text-shadow: 1px 1px 2px black;
 left: 50px;
}

.MusicPaper {
    font-family: "Times New Roman";
    font-size: clamp(1rem, 1.5vw, 2rem);
    color: #be6262;
 font-style: italic;
 text-shadow: 1px 1px 2px black;
 left: 50px;
}

@media screen and (max-width: 600px){
    h1{
        position: relative;
        font-size: clamp(3rem, 4vh, 4rem);
        font-family: "Scribble";
    }

    p{
        position: relative;
        font-size: clamp(.5rem, 2vh, 2rem);
        margin-top: auto;
    }

}