*{
    color:rgb(255, 255, 255);
    font-family: Fantasy;
    font-size:2vw;
    list-style: none;
    vertical-align: middle;
    }
    p{
        max-width:40%;
        border-radius:20px;
        padding-bottom:1%;
    }
    form{
        margin-top:100%;
        border-radius:100px;
        max-width:68%;
        padding-top: 5%;
        padding-left: 5%;
        margin-top: 1%;
        padding-bottom:9%;
        background-image:url('login.png');
        box-shadow: 0 0 20px 1px rgba(0, 0, 0, 1);
    }
    input#cirlcle{
        border-radius:100px;
    }


    @media (max-width: 600px){
        *{
            color:black;
            font-family: Fantasy;
            font-size:8vw;
            list-style: none;
            vertical-align: middle;
            margin-top:0%;
            margin-left:0%;
            margin-bottom:0%;
        }
        p{background-color:none;
            max-width:70%;
            padding-bottom:1%;
            margin-top:2%;
            margin-bottom:10%;
        }
        
        div{
            background-image:url('/web/rendered.webp');
            background-repeat:no-repeat;
            background-size:cover;
            align-items:center;
            margin-top:0%;
            margin-left:0%;
            padding:2%;
            text-align:center;
            min-width:100%;
        }
        img{
            width:80%;
            
        }
        input{
            margin-top:5%;
            max-width:100%;
            margin-bottom:5%;
        }
        form {
            padding-right:5%;
            background-image:none;
            margin-top: 35%;
            margin-bottom: 21%;
            max-width:70%;
            background-color:rgba(255, 255, 255, 0.24);
        }
    }