body{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;

}



.container {
    display: flex;
    justify-content: center;
    height: 90vh;
    width: auto;
    align-items: center;
    flex-direction: column;
}

.logoimg{
    width: 5%;
    }

#sawo-container{
    border: rgb(255, 255, 255) 20px solid;
    border-radius: 50px 20px;
}

.name{
    font-family: 'Itim', cursive;
    color: white;
    
}

@media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn {   
      width: 100%;
      padding: 0; 
    }}

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }