/******** main ********/

body{
    background-color: #333;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    font-family: 'fira';
}

h1{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
}

h2{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}

h3{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

p{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 500px;
    margin: auto;
    font-size: 1.25rem;
}

ol{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    margin: auto;
    font-size: 1.25rem;
}

ul{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    margin: auto;
    font-size: 1.25rem;
}

a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: auto;
    max-width: 500px;
    font-size: 1.25rem;
}

a:hover{
    -webkit-filter:drop-shadow(0 0 1rem #ffffff);
    filter:drop-shadow(0 0 1rem #fff);
    transition-duration: 1s;
    color: white;
}

img{
    border: 5px solid #fefae0;
    -webkit-filter:none;
    filter:none;
    transition-duration: 1s;
    margin: auto;
}

/******** font ********/

@font-face {
  font-family: 'fira';
  src: url(/fonts/fira-code/FiraCode-Regular.ttf);
}

@font-face {
    font-family: 'W95font';
    src: url(/fonts/w95font/W95font.otf)
}