*{
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}

body{
    font-family: sans-serif; 
    overflow: hidden;
}

a{
    color: azure;
    text-decoration: none;
    margin-top: 50px;
    border: 1px solid white;
    padding: 10px 30px;
}

.page1{
    background-color: cadetblue;
}
.page2{
    background-color: cornflowerblue;
}

.page1,
.page2{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; 
    color: azure;
    position: absolute;
}
.slide-in{
    animation: slide-in 0.5s ease forwards;
}

@keyframes slide-in{
    from {
        transform: translateX(100%);
        visibility: visible;
    }
    to {
        transform: translateX(0%);
    }
}