body {
    background-color:#7ebbc0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-weight: 400;
}
h1{
    text-align:center;
    font-family:Arial;
    color:#060772;
}
.alap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.forgas {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    margin: 2rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.css {
    background-color: #ff6a00;
}

.js {
    background-color: #bc0c6f;
}

.css {
    animation: forgas 4s infinite linear;
}
@keyframes forgas {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}