*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body,html{
    height: 100%;
    width: 100%;
}

.page1,.page2,.page3{
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;

}
.page1{
  background-color: rgb(179, 118, 45);
}
.page2{
  background-color: rgb(31, 152, 192);
}
.page3{
  background-color: rgb(16, 196, 16);
}

.box{
    height: 100px;
    width: 100px;
    background-color: rgb(147, 35, 199);
}