styleskills.css

body
{
    background-color: rgb(0, 0, 0);
}

.page
{
    
    height:95vh;
    
    width:98vw;
    
    display: flex;
    
    flex-direction: column;
    
    justify-content: flex-start;
    
    margin: 0px;
    padding: 0px;
    

        
}

.top
{
    
    font-family: 'VT323', monospace;    
    
    font-size: 13vh;
    
    color: white;
        
}

.box
{
    display: flex;
    
    flex-direction: row;
    
    justify-content: space-evenly;
    
    flex-wrap: wrap;
        
    width: 80vw;
    
}

.back
{
    height: 5vh;
    width: 2.5vw;
    position: absolute;
    top: 1vh;
    left: 1vw;
}

.icon
{
    height: 200px;
    width: 200px;
    padding: 10px;
}

.icon:hover
{
    animation: move1 1s ease infinite;
}

@keyframes move1 {
    0%{
    }
    25%{
        transform:  rotate(10deg);
    }
    50%{
        transform:  rotate(0deg);
    }
    75%{
        transform:  rotate(-10deg);
    }
    100%{
        transform:  rotate(0deg);
    }
    


@media only screen and (max-height:1200px){
    
.box
    {        
        display: flex;
        
        flex-direction: column;
        
        justify-content: space-around;
        
        align-items: center;
    }

    }