@import "https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";:root{--btn-text-color:#dbdbe6}.btn{color:var(--btn-text-color);cursor:crosshair;font-weight:550;text-decoration:none}@property --deg{syntax:"<angle>";inherits:false;initial-value:0deg}.colorful-animated-effect{cursor:pointer;z-index:1;-ms-border-radius:30px;-o-border-radius:30px;background:#1a1a1a;border:none;border-radius:30px;padding:15px 30px;position:relative}.colorful-animated-effect:before{content:"";background:conic-gradient(from var(--deg) at center, #00f, #f0f, #0ff, #f0f, #00f );-webkit-mask-composite:xor;z-index:-1;border-radius:30px;padding:3px;animation:3s linear infinite autoRotate;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.colorful-animated-effect:after{display:none}@keyframes autoRotate{to{--deg:360deg}}.simple-blue{background:#4cc9f0;border:none;border-radius:30px;padding:1rem 1.5rem;transition:all .3s;box-shadow:0 0 15px #4cc9f066}.simple-blue:hover{color:#fff;background:#081965;transform:scale(1.05)}.shine-effect{text-align:center;background-color:#be55b0;border:none;border-radius:5px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s;display:inline-block;position:relative;overflow:hidden}.shine-effect:before{content:"";pointer-events:none;background:#fffc;width:200%;height:20px;transition:all .5s;position:absolute;top:0;left:-250%;transform:translateY(10px)rotate(45deg)}.shine-effect:hover:before{transition:all .5s;left:150%}.shine-effect:hover{background-color:#b5a9a9;transform:scale(1.05);box-shadow:0 0 10px 2px #fffc}.shine-effect:focus{background-color:#b5a9a9;outline:none;box-shadow:0 0 10px 2px #fffc}.colorful-border{border:4px solid #0000;border-image:linear-gradient(90deg,#00f,#ff1493) 1;padding:10px}.pink-btn{background-color:#ed34ed;border:none;border-radius:5px;padding:9px 20px}.purple-btn{text-align:center;background-color:#6c63ff;border-radius:8px;padding:15px;display:block}.zoom-effect:hover{transform:scale(1.1);box-shadow:4px 4px 15px #0000004d}.colorful-link{cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;text-decoration:none;position:relative}.colorful-link:before{content:"";background:linear-gradient(90deg,#fd004c,#fe9000,#fff020,#3edf4b,#3363ff,#b102b7) 0 0/200% 100%;width:100%;height:.1em;transition:all 1.5s;position:absolute;bottom:-.1em}.colorful-link:hover:before{background-position:100% 0}:root{--primary-color:#090910}html{min-height:100%;color:var(--primary-color);background-color:#7dc4de}body{background:linear-gradient(-45deg,#146080,#a642c1,#b651e2,#34149b,#17ead9) 0 0/400% 400%;height:100vh;animation:15s infinite gradient-move}@keyframes gradient-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}html{background-color:#d9f1fa;min-height:100%}*{margin:0;padding:0}body{min-height:100vh}.header,.main,.footer{padding:30px}.main{flex-direction:column;gap:50px;display:flex}.btn-link-style{color:#fff;font-weight:550;text-decoration:none}a.colorful-link{color:navy;text-shadow:1px 1px 1px #f5f5f5}p{padding:10px}