body{        
    font-family:ms gothic;
    font-size:18px;
}

@font-face {
    font-family:'synkopy';
    src:url(Synkopy-Regular.otf);
}
    /* https://fontesk.com/synkopy-font/ - that's where i downloaded the above font! */
    /* IF YOU DON'T WANT TO USE A CUSTOM FONT, FEEL FREE TO DELETE FROM HERE UP TO "@FONT-FACE" AND "P" */
 
p {
    font-family:'synkopy'; 
}

#container{
    width:800px; 
    margin:0 auto; 
    text-align:center; 
}

#main {
    width:500px; 
    margin:0 auto; 
    text-align:justify; 
    border:3px double black; 
    max-height:40%; 
    padding:3px 3px 3px 3px;
    background: white;
}

hr {
    border:0;
    height:1px;
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

@keyframes wiggle{
    from{
    transform:scale(0.98)
    }
    50%{
    transform:scale(1)
    }
    to{
    transform:scale(0.98)
    }
}

#textlol {
    font-size:50px;
    text-decoration: none; 
    transition: 0.4s; 
}
 
#textlol:hover {
    letter-spacing:5px;
}

#links{
    border:1px solid black; 
    text-align:center;
    padding:5px;
    width:500px;
    margin:0 auto;
    background: white;
}
  
#links ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none;
    justify-content: space-evenly;
}

a{
    color:#AA3039;
}

a:hover{
    color:#000000;
}