@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.container{display:flex;flex-direction:row;align-items:center;justify-content:center}.wrap{background-color:#f0f8ff;padding:50px;border-radius:2em;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 15px 5px #37373733}.container h1{letter-spacing:.2cm}.container___logo{display:flex;flex-direction:column;align-items:center;padding:25px;gap:25px}.logo{aspect-ratio:contain;border-radius:50%;width:150px;transition:all 80ms ease-in-out}.logo:hover{width:200px;cursor:pointer}button{all:unset;padding:10px 20px;font-size:large;text-transform:uppercase;color:#fff;background-color:#ff325a;border-radius:.8em;transition:all 80ms ease-in-out}button:hover{cursor:pointer;padding:15px 30px}button:active{box-shadow:inset 0 0 2px 2px #1c1515;font-size:small;font-weight:200;padding:13px 28px;border-radius:.5em}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;height:100vh}.snowflake{color:#fff;font-size:2em;font-family:Arial;text-shadow:0 0 1px #000;display:none}*{margin:0;padding:0}body{font-family:Rubik,system-ui;background-image:linear-gradient(to right bottom,#da7fe7,#b48af3,#8a93f8,#5999f5,#129deb)}h1{color:#3b3b3b;line-height:1.1em;text-transform:uppercase}