/* 
    Created on : March 2020
    Author     : RICHE Vincent
*/

@import url("common.css");
@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    
    #navigation {
        top: 1%;
        left: 2.5%;
    }

    #navigation li a {
        width: 8vw;
        height: 8vw;
    }

    .loader {
        width: 100px;
        height: 100px;
    }

    .loader div {
        margin: 4px;
        border: 4px solid var(--main-text-color);
    }

    #quote {
        width: 90%;
    }

    #text,
    #text i,
    #episode,
    #episode i {    
        font-size: 2.7vw;
    }
    
    #episode {
        margin-top: 2%;
    }
    #episode,
    #episode i {    
        font-size: 2.3vw;
    }

    #footer p,
    #footer a {
        font-size: 4.5vw;
    }
}