@media screen and (min-width: 768px) and (max-width: 1023px) {
    
    h1{
        font-size: 10rem;
    }

    .theme-toggle{
        width: 50px;
        height: 50px;
    }

    .logo{
        width: 50px;
        height: 50px;
    }

    .topbar-links{
        font-size: 1.5rem;
    }

    .topbar-links a::after, .introduction a::after{
        height: 2px;
    }
    
    .topbar-links a:hover::after, .introduction a:hover::after{
        height: 4px;
    }

    .introduction{
        display: flex;
        gap: 1rem;
    }

    .whoiam{
        font-size: 1.5rem;
    }

    .whatiwant{
        margin-top: 0;
        font-size: 1rem;
    }

    .worktitle{
        height: 5rem;
        border-radius: 2.5rem;
        font-size: 2.5rem;
    }

    .worklist-itemtitle{
        font-size: 1.5rem;
    }

    .worklist-itemdate{
        font-size: 1rem;
    }

    h2{
        font-size: 2.5rem;
    }

    .resume{
        font-size: 1.25rem;
    }

    .languages span{
        width: 55px;
        height: 55px;
    }

    h3{
        font-size: 1.75rem;
    }

    .projectlist-item-devices span{
        width: 30px;
        height: 30px;
    }

    .projectlist-item-description{
        font-size: 1.25rem;
    }

    .projectlist-item-tags span{
        width: 55px;
        height: 55px;
    }

    .projectlist-item-links a{
        font-size: 1.25rem;
    }
}