@keyframes links{0%{transform:translateY(100px);opacity:0}100%{transform:translateY(0px);opacity:1}}*{outline:none}a{color:#000;text-decoration:none}html,body,.main{margin:0;padding:0;width:100%;height:100%}.main{display:flex;align-items:center;justify-content:center;background:url("../images/background.png") no-repeat center center;background-size:cover}.link{display:flex;justify-content:space-between;width:800px}.link button{padding:16px 48px;border:none;border-radius:6px;font-size:32px;color:#fff;background-color:#2f80e2;transition:background-color .5s;opacity:0;cursor:pointer}.link button:hover{background-color:rgba(47,128,226,.6)}.link button:nth-child(1){animation:links 1s;animation-delay:0s;animation-fill-mode:forwards}.link button:nth-child(2){animation:links 1s;animation-delay:.5s;animation-fill-mode:forwards}.link button:nth-child(3){animation:links 1s;animation-delay:1s;animation-fill-mode:forwards}.mask{display:none;position:absolute;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1}