@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

.text{
    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    background-color: #052445;
    /* height: 60px; */
    color: white;
    /* text-align: center; */
    padding: 20px;
}




body{
    background-color: #ffffff;
    margin: auto;
}

p{
    
    text-align: center;
    color:rgb(0, 0, 0);
    font-size: xx-large;
    font-family: 'Inter', sans-serif;
    
}

#guzik{
 text-align: center;
 background-color: rgb(93, 174, 228);
 border: none;
 cursor: pointer;
 align-items: center;
 font-size: 35px;
 border-radius: 20px;
 margin: 20px;
 padding: 12px;

}
#guzik:hover{
    text-align: center;
    background-color: rgb(0, 183, 255);
}

#guzik:active{
    text-align: center;
    box-shadow: 0 1px #666;
    transform: translateY(1px);
}

/* .square{
    width: 100%;
    height: 60px;
    background-color: #052445;
    object-fit: none;
    position: unset;

} */

#theme{
    
    position: absolute; top: 6px; right: 6px;
    border: none;
    size: 100px;
}

i{
    position: relative;
    width: 100%;
    top: 600px;
    
}