/*
 * Freed.place
 * Version 3.0
 * Copyright (c) 2025 FreedTapestry21
 */

/* Responsive layout for mobile */
@media (max-width: 800px) {
    /* Custom */
    .img {
        max-height: 25vh;
    }

    /* Menu */
    .menu {	
        width: 90%;

        margin: auto;
    }

    .menu p {user-select: none; font-size: 16px;}

    .menu a {
        color: var(--background-color);
        text-decoration: none; 
    }

    .menu a:hover {
        color: var(--accent-color-dark);
        background-color: var(--background-color);
    }

    .name {
        text-align: center; width: 100%;

        background-color: var(--accent-color);
        color: var(--text-color);
    }
    .index {
        text-align: center; width: 100%;

        background-color: var(--accent-color-dark);
        color: var(--text-color);
    }

    /* Footer */
    .footer {	
        background-color: var(--accent-color);
        color: var(--background-color);
    
        width: 100%;
    
        margin: auto;
    }
    
    .footer p {font-size:12px;}
    
    .info {text-align: center; width: 100%;}
    .copyright {text-align: center; width: 100%;}
    
    /* Boxes */
    .box {
        width: 100%;
    
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .item {
        padding: 10px;
        width: 80%;
    }

    .content {margin: auto;}
}