#settbutton{
    animation: myloadanim 5s ease 0s;
    background-image: linear-gradient(to top, rgb(125, 125, 125), rgb(204, 201, 201));
}
body{

    font-family: "Roboto", sans-serif;
    animation: myloadanim 5s ease 0s;
    border-radius: 8px;
    height: 7080px;
    width: 3160px;
}

.square{
    position: sticky;
    top: 0px;
    background-image: url(hi.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 780px;
    width: 360px;
    background-color: rgb(13, 121, 198);
    border-radius: 15px;
    animation: myloadanim 4s ease 0s;
    align-self: start;
  align-items: start;
    text-align: start;
}

button{
    position: sticky;
    border-radius: 10px;
    animation: myloadanim 4s ease 0s;
}

@keyframes myloadanim{
    0%{background-color: rgb(0, 0, 0); background-image: url();}
    10%{background-color: rgb(0, 27, 38);}
    20% {background-color: rgb(1, 53, 74);}
    30%{background-color: rgb(3, 92, 127);}
    40%{background-color: rgb(3, 105, 146);}
    50%{background-color: rgb(4, 156, 216);}
    60%{background-color: rgb(38, 186, 244);}
    80%{background-color: rgb(69, 187, 234);}
    100%{background-color: rgb(96, 204, 247);}
}