.orbit {
    font-family: 'Orbitron', sans-serif;
}
.popin {
  font-family: 'Poppins', sans-serif;
}

@keyframes fadeup {
    from {
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}

.faded {
    animation: fadeup 2s;
}

@keyframes writer {
    from {
        width: 0%;
        height: 0%;
        color: black;
    }
    to {
        width: 100%;
        height: 100%;
        color: white;
    }
}

.writing {
    animation: writer 2s;
}

@keyframes denyut {
    0% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.9);
    }
}

.efek {
    animation: denyut 5s ease-in-out infinite
    ;
}

.coba {
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, white 50%, white 100%);
}

@keyframes down {
    from {
        transform: translateY(-200px);
    }
    to {
        transform: translateY(0);
    }
}
.bawah-1 {
   animation: down 1s; 
}
.bawah-2 {
   animation: down 2s; 
}
.bawah-3 {
    animation: down 3s;
}

@keyframes up {
    from {
        transform: translateY(200px);
    }
    to {
        transform: translateY(0);
    }
}
.atas-1 {
   animation: up 1s; 
}
.atas-2 {
   animation: up 2s; 
}
.atas-3 {
    animation: up 3s;
}