@import"https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";html{scroll-behavior:smooth}*{user-select:none;margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif}span{font-family:Lobster,cursive;font-size:32px}body{display:flex;background:linear-gradient(138deg,rgba(11,15,17,1) 0%,rgba(35,29,28,.9976365546218487) 50%,rgba(31,16,9,1) 100%);min-height:100vh;justify-content:center;align-items:center;overflow-y:hidden;overflow-x:hidden}h1{font-size:70px;margin:0;color:#f2d075;font-family:Saira Stencil One,cursive}.typewriter h1{overflow:hidden;border-right:5px solid orange;white-space:nowrap;margin:0 auto;animation:typing 2s steps(27,end),blink-caret 1s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@media (max-width: 950px){h1,.typewriter h1{font-size:25px}}.bottom,.top{display:flex;padding:20px;width:100%;height:80px;position:fixed;font-size:42px;cursor:pointer;transition:all .2s}.top{animation:pulse-up 4s linear infinite;top:0px}.bottom{animation:pulse-down 4s linear infinite;bottom:0px}@keyframes pulse-down{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes pulse-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}