@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,700&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:'Roboto', sans-serif;
    font-weight: 600;
    
}

@media only screen and (max-width: 700px) {
    a{
        text-decoration: none;
        color: #000;
    }
    body {
        width: 90%;
        margin: auto;
        background-color: #D9D9D9;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 25px;
        min-height: 100vh;
    }
    .sec{
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sim{
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 25px;
        margin-bottom: 25px;
    }
    .alert {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #ff4444;
        color: white;
        padding: 20px;
        border-radius: 10px;
        text-align: center;
        font-size: 18px;
        display: none;
        z-index: 1000;
    }
    .alert button {
        margin-top: 10px;
        padding: 10px 20px;
        background-color: white;
        color: #ff4444;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }
    .alert button:hover {
        background-color: #ffdddd;
    }
    .simv{
        display: inline-block;
        padding: 10px 20px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color:green;
        border: 2px solid #000;
        border-radius: 10px;
        box-shadow: 5px 5px 0px #000;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .simV{
        display: inline-block;
        padding: 10px 20px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color:red;
        border: 2px solid #000;
        border-radius: 10px;
        box-shadow: 5px 5px 0px #000;
        transition: all 0.3s ease;
        cursor: pointer;
    }
    .footer{
        text-align: center;
    }
}