@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out,transform .5s ease-out}.loading.fade-out{opacity:0;transform:scale(1.5)}.loading-text{font-size:25px;font-weight:700;text-align:center}.loading-text span{display:inline-block;margin:0 5px;color:#fff;font-family:Quattrocento Sans,sans-serif}.loading-text span:first-child{filter:blur(0);animation:blur-text 1.5s linear 0s infinite alternate}.loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s linear .2s infinite alternate}.loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s linear .4s infinite alternate}.loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s linear .6s infinite alternate}.loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s linear .8s infinite alternate}.loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s linear 1s infinite alternate}.loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s linear 1.2s infinite alternate}.loading-text span:nth-child(8){filter:blur(0);animation:blur-text 1.5s linear 1.4s infinite alternate}.loading-text span:nth-child(9){filter:blur(0);animation:blur-text 1.5s linear 1.6s infinite alternate}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}.textRoller{background:#1a002b;color:#c084fc;font-family:JetBrains Mono,monospace;flex-direction:row;justify-content:center;padding:25px;height:25px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);font-weight:600;margin-bottom:25px}.codeLine,.textRoller{display:flex;align-items:center}.codeText{font-size:1.2rem;color:#fff}.systemText{color:#c084fc}.outText{color:#f472b6}.printlnText{color:#a78bfa}.string{display:flex;flex-direction:row;text-align:center;font-size:1.4rem;padding-inline:5px}.text{overflow:hidden;white-space:nowrap;animation:fadeInOut 1s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}40%{opacity:1}}@media (max-width:480px){.textRoller{padding:15px;height:auto;margin-bottom:20px}.codeLine{flex-direction:column;align-items:flex-start}.codeText,.string{font-size:3.5vmin}.string,.textRoller{text-align:left}.string{padding-inline:5px}.textRoller{padding:10px;margin-bottom:15px}.codeText,.string{font-size:4vmin}}*{--stripe-color:#000;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--text-color:255,255,255}.rays{font-family:Inter,sans-serif;margin:0;padding:0;place-items:flex-start center;width:100%;min-height:900px;height:100vh;background:var(--bg);position:absolute;display:flex;place-content:center;place-items:center;--stripes:repeating-linear-gradient(100deg,var(--primary-color) 0%,var(--primary-color) 7%,transparent 10%,transparent 12%,var(--primary-color) 16%);--rainbow:repeating-linear-gradient(100deg,#60a5fa 10%,#e879f9 15%,#60a5fa 20%,#5eead4 25%,#60a5fa 30%);background-size:300%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) invert(100%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 80%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 80%);overflow:hidden}.rays,.rays:after{background-image:var(--stripes),var(--rainbow)}.rays:after{content:"";position:absolute;inset:0;background-size:250%,100%;animation:smoothBg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference}.rays,.rays:after{filter:blur(10px) opacity(50%) saturate(200%)}@keyframes smoothBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@media (max-width:768px){.rays{background-size:400%,250%}.rays:after{background-size:350%,150%}}@media (max-width:480px){.rays{background-size:500%,300%}.rays:after{background-size:450%,200%}}.social-media-icons{gap:2.5rem}.social-icon,.social-media-icons{display:flex;justify-content:center}.social-icon{text-decoration:none;width:3.5rem;height:3.5rem;border-radius:14px;background-color:#270162;align-items:center;overflow:hidden;position:relative;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.social-icon>i{color:var(--color);font-size:1.5rem;transition:all .2s}.social-icon:hover>i{scale:1.2;color:#fff}.social-icon:before{background:var(--hover-color);content:"";position:absolute;width:130%;height:130%;left:-110%;top:80%;transform:rotate(45deg)}.social-icon:hover:before{animation:slide .7s forwards}@keyframes slide{50%{left:10%;top:-40%}to{left:-15%;top:-15%}}.social-icon.linkedin{--color:#2ba6e7;--hover-color:#0077b5}.social-icon.github{--color:#fff;--hover-color:#252525}.social-icon.gmail{--color:#d93025;--hover-color:#d93025}.social-icon.twitter{--color:#1da1f2;--hover-color:#1da1f2}