.title{
    font-family:fantasy;
}
html{
    background-color:black;
}
h1{
    color:white;
    font-family:fantasy;
    text-align:center;
}
h2{
    color:white;
    text-align:center;
}
ul{
    color:white;
    font-size:20px;
}
p{
    color:white;
    font-size:20px;
}
.middle{
    text-align:center;
}
.affliction:hover{
    position:relative;
    background-size:100% 100%;
    height:200px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.5&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe"); 
}
.juicy:hover{
    position:relative;
    background-size:100% 100%;
    height:225px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.1&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe");

}
.camo:hover{
    position:relative;
    background-size:100% 100%;
    height:225px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.0&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe");   
}
.elite:hover{
    position:relative;
    background-size:100% 100%;
    height:225px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.2&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe");
}
.fox:hover{
    position:relative;
    background-size:100% 100%;
    height:200px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.4&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe");    
}
.south:hover{
    position:relative;
    background-size:100% 100%;
    height:200px;
    width:200px;
    background-image:url("https://mail.google.com/mail/u/0?ui=2&ik=af2c7d1029&attid=0.3&permmsgid=msg-f:1811827197561114311&th=1924e73c99058ec7&view=att&disp=safe");    
}
.regular{
    height:200px;
    width:150px;
}
.snapchat{
    height:250px;
    width:150px;
}
.side{
    height:150px;
    width:200px;
}
.logo{
    height:100px;
    width:100px;
}
.logo:hover{
    height:150px;
    width:150px;
}


main{
    display: flex;
    justify-content: center;
}
section{
    display: flex;
    justify-content: center;
}
footer{
    display: flex;
    justify-content: center;
    justify-content: space-between;

}
header{
    display: flex;
    justify-content: center;
    font-size:30px;
}