@import url(https://fonts.googleapis.com/css2?family=Anton&family=SUSE+Mono:ital,wght@0,100..800;1,100..800&family=Aladin&family=Hepta+Slab:wght@1..900&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Slabo+27px&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@keyframes toDark{0%{opacity:0}to{opacity:1}}@keyframes toLight{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0}*,html{cursor:none}body{background:#bebdeb;overflow:hidden}body:before{background:#0c0c0c;content:"";display:block;height:100%;position:absolute;width:100%}.dark:before{animation:toDark .5s linear 0s forwards}.light:before{animation:toLight .5s linear 0s forwards}h1{font-family:Aladin;font-size:5vw}h2{font-family:Anton;font-size:4vw;padding:0 10vw}p{font-family:Aladin}.dark h1,.dark h2{color:#f5f5f5}.light h1,.light h2{color:#222}@media screen and (min-width:320px)and (max-width:800px){h2{font-size:7vw;padding:0 5vw}}@keyframes blobAnimation{0%{transform:scale(1) skew(30deg,-20deg) rotate(0deg)}25%{transform:scale(1.1) skew(35deg,15deg) rotate(5deg)}50%{transform:scale(.9) skew(28deg,-30deg) rotate(-5deg)}75%{transform:scale(1.05) skew(33deg,20deg) rotate(2deg)}to{transform:scale(1) skew(30deg,-20deg) rotate(0deg)}}@keyframes darkModeTextAppear{0%{text-shadow:0 0 15px #f5f5f5}to{text-shadow:0 0 0 #f5f5f5}}@keyframes lightModeTextAppear{0%{text-shadow:0 0 15px #222}to{text-shadow:0 0 0 #222}}.App .cursor{height:3vw;opacity:.5;pointer-events:none;position:absolute;width:3vw;z-index:9999}.App .cursor .custom-cursor{border-radius:50%;height:100%;left:50%;position:relative;top:50%;transform:translate(-85%,-75%);width:100%}.App .blob{animation:blobAnimation 10s ease-in-out infinite;border-radius:60%;height:42vw;top:8%;transform:skew(37deg,-27deg);transition:.3s ease-in;width:42vw;will-change:transform}.App .blob,.App .overlay{left:50%;position:absolute}.App .overlay{-webkit-backdrop-filter:blur(145px) saturate(2.2);backdrop-filter:blur(145px) saturate(2.2);background-color:hsla(0,29%,85%,.059);background-image:url(https://transparenttextures.com/patterns/otis-redding.png);box-shadow:inset 53px 61px 95px 52px hsla(0,0%,100%,.051);display:block}.App .content,.App .overlay{border-radius:10px;height:96vh;top:50%;transform:translate(-50%,-50%);width:98vw}.App .content{left:50%;margin:auto;overflow:scroll;position:absolute;scroll-behavior:smooth;z-index:6}.App .content::-webkit-scrollbar{display:none}.App .content .title{align-items:center;display:flex;flex-direction:column;gap:10px;height:30vw;margin:40vh auto 30vh;position:relative;z-index:5}.App .content .title span{color:#0000;font-family:Aladin;font-weight:300;overflow:hidden;transition:.3s ease-in;white-space:nowrap}.App .content .title .about{font-family:SUSE Mono;margin-top:15vh;width:50%}.App .content .projects-anchor{height:10vw;margin-top:-20vw}.App .content .projects_section{position:relative;z-index:6}.App .content .projects_section .projects{display:flex;gap:2.5vw;justify-items:center;margin:0 auto;overflow-x:scroll;padding:50px 0;scroll-behavior:smooth;width:95%}.App .content .projects_section .projects::-webkit-scrollbar{background:#0000;height:.2vw}.App .content .projects_section .projects::-webkit-scrollbar-thumb{background:#fff;border-radius:25%}.App .content .projects_section .projects .project{align-items:center;background:hsla(0,0%,96%,.078);border-radius:40px;border-right:1px solid #ffb6a0;border-top:1px solid #fff;box-shadow:inset 0 0 55px 1px #ffffff2e;display:block;display:flex;flex-direction:column;gap:10px;justify-items:center;padding:24px;transition:.3s ease-in;width:90%}.App .content .projects_section .projects .project .imgBox{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;height:12.5vw;margin:0 auto;width:22vw}.App .content .projects_section .projects .project .info{align-items:center;border-radius:0 0 25px 25px;display:flex;flex-direction:column;gap:15px;height:8vw;justify-content:center;width:100%}.App .content .projects_section .projects .project .info span{color:#f5f5f5;font-family:SUSE Mono;font-size:1.5vw;font-weight:800}.App .content .projects_section .projects .project .info .stack{display:flex;gap:10px}.App .content .projects_section .projects .project .info .stack svg{font-size:27px}.App .content .projects_section .projects .project .buttons,.App .content .projects_section .projects .project .close,.App .content .projects_section .projects .project .description{transition:.3s ease-in}.App .content .projects_section .projects .project .close,.App .content .projects_section .projects .project .description{display:block}.App .content .projects_section .projects .project .buttons{display:grid}.App .content .projects_section .projects .project .description{font-family:SUSE Mono;margin:5px auto;width:32vw}.App .content .projects_section .projects .project:not(.selected) .buttons,.App .content .projects_section .projects .project:not(.selected) .close,.App .content .projects_section .projects .project:not(.selected) .description{scale:0}.App .content .projects_section .projects .project.selected{grid-template-columns:50% 50%}.App .content .projects_section .projects .project.selected .buttons,.App .content .projects_section .projects .project.selected .close,.App .content .projects_section .projects .project.selected .description{animation:fadeIn .3s linear .2s forwards}.App .content .projects_section .projects .project.selected .buttons{gap:20px;margin:30px 0;width:25vw}.App .content .projects_section .projects .project.selected .buttons button{background:#0000;border-radius:25px;padding:7px;position:relative}.App .content .projects_section .projects .project.selected .buttons button a{align-items:center;display:flex;font-family:SUSE Mono;font-size:1.5vw;gap:10px;height:2vw;justify-content:center;position:relative;text-decoration:none;z-index:6}.App .content .projects_section .projects .project.selected .buttons button .calc{border-radius:2vw;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;width:100%}.App .content .projects_section .projects .project.selected .buttons button:hover{border:2px solid #222}.App .content .projects_section .projects .project.selected .buttons button:hover a{color:#222}.App .content .projects_section .projects .project.selected .close{font-size:3vw}.App .content .projects_section .projects .project.selected .right{align-items:flex-end;display:flex;flex-direction:column;gap:20px;grid-column:2;height:100%;justify-content:flex-start}.App .content .projects_section .projects .project.selected .right .imgBox{background-size:contain;height:30vw;width:40vw}.App .content .projects_section .projects .project.selected .right .imgBox img{border-radius:16px}.App .content .projects_section .projects .project.selected .info{grid-row:1}.App .content .projects_section .projects .project:hover{box-shadow:inset 0 0 92px 0 hsla(0,0%,96%,.369),-2px 7px 7px 1px rgba(21,21,54,.522);transform:translateY(-5px)}.App .content .projects_section .active{height:55vw;overflow-x:hidden;overflow-y:scroll}.App .content .infoSection{grid-gap:40px;align-items:center;border-style:solid;border-width:1px;display:grid;gap:40px;grid-template-columns:33% 33% 33%;margin:25vh auto 15vh;padding:40px 0;width:60%}.App .content .infoSection span{font-family:Anton;font-size:1.5vw;line-height:2.5vh;text-transform:uppercase;width:8.5vw}.App .content .footer{align-items:center;display:flex;font-family:SUSE Mono;gap:5px;margin:auto;padding:20px 0 40px;text-align:center;width:max-content}.dark .App .cursor .custom-cursor{border:1px solid #f5f5f5}.dark .App .blob{background:linear-gradient(45deg,#601200,#ff7500);box-shadow:0 8px 32px red,inset -70px 29px 95px 48px #ff8d00}.dark .App .content .overlay{background-color:hsla(0,29%,85%,.059);box-shadow:inset 53px 61px 95px 52px hsla(0,0%,100%,.051)}.dark .App .content .title span{animation:darkModeTextAppear 1s linear 1s forwards}.dark .App .content .projects .close,.dark .App .content .projects .description,.dark .App .content .projects .project .info .stack svg,.dark .App .content .title p{color:#f5f5f5}.dark .App .content .projects .buttons button{border:2px solid #f5f5f5}.dark .App .content .projects .buttons button a{color:#f5f5f5}.dark .App .content .projects .buttons button .calc{background:#f5f5f5}.dark .App .content .infoSection{border-color:#f5f5f5 #0000;color:#f5f5f5}.dark .App .content .footer{border-top:1px solid #f5f5f5;color:#f5f5f5}.light .App .cursor .custom-cursor{border:1px solid #222}.light .App .blob{background:linear-gradient(68deg,#18398b,#3c40ff);box-shadow:0 8px 32px #2023e9,inset -70px 29px 95px 48px #b37aff}.light .App .content .overlay{background-color:#3a3a3d1c;box-shadow:inset 53px 61px 95px 52px #1212120d}.light .App .content .title span{animation:lightModeTextAppear 1s linear 1s forwards}.light .App .content .projects .project .info .stack svg,.light .App .content .projects .project .info span,.light .App .content .projects .project.selected .close,.light .App .content .projects .project.selected .description,.light .App .content .title p{color:#222}.light .App .content .projects .project.selected .buttons button{border:2px solid #222}.light .App .content .projects .project.selected .buttons button a{color:#222}.light .App .content .projects .project.selected .buttons button .calc{background:rgba(34,34,34,.392)}.light .App .content .infoSection{border-color:#222 #0000;color:#222}.light .App .content .footer{border-top:1px solid #222;color:#222}@media screen and (min-width:320px)and (max-width:800px){.App{overflow-x:hidden}.App .blob{left:39%;top:18%}.App .overlay{height:99vh;width:98vw}.App .content .title{margin:25vh auto 30vh}.App .content .title h1{font-size:11vw;margin:20vw auto 0;width:max-content}.App .content .title .about{width:85%}.App .content .projects-anchor{margin:0}.App .content .projects_section{margin-top:40vw}.App .content .projects_section .projects .project{height:65vw;min-width:65vw}.App .content .projects_section .projects .project .imgBox{height:40.5vw;width:65vw}.App .content .projects_section .projects .project .info{height:20vw}.App .content .projects_section .projects .project .info .project_title{font-size:3.5vw}.App .content .projects_section .projects .project.selected{display:flex!important;height:125vw!important;margin-top:15vw!important;padding:10px!important}.App .content .projects_section .projects .project.selected .right{width:100%}.App .content .projects_section .projects .project.selected .right .imgBox{height:35vw;width:55vw}.App .content .projects_section .projects .project.selected .close{font-size:6vw;padding:2vw 2vw 0 0}.App .content .projects_section .projects .project.selected .description{width:80vw}.App .content .projects_section .projects .project.selected .info{height:20vw;margin-top:-50vw}.App .content .projects_section .projects .project.selected .info .project_title{font-size:6.5vw!important;margin-bottom:1vh!important}.App .content .projects_section .projects .project.selected .buttons{width:65vw}.App .content .projects_section .projects .project.selected .buttons button{padding:15px}.App .content .projects_section .projects .project.selected .buttons button a{font-size:3.5vw}.App .content .projects_section .projects.active{height:100vw}.App .content .infoSection{border-width:3px;grid-template-columns:100%}.App .content .infoSection span{font-size:6.5vw;line-height:4.5vh;padding-left:5vw;width:22.5vw}.dark .App .content .infoSection{border-color:#0000 #f5f5f5}.light .App .content .infoSection{border-color:#0000 #222}}@keyframes switcher{0%{transform:scale(0) rotate(-90deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{filter:blur(20px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes spinOut{to{transform:rotate(1turn) scale(1)}}nav{align-items:center;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;left:50%;margin:17px 0;padding:20px;position:fixed;transform:translateX(-50%);transform-origin:top;transition:.2s ease-in;width:92.8%;z-index:8}nav .brand{display:flex;gap:10px}nav .brand .identity{animation:fadeIn .5s forwards}nav .brand img{height:3vw;transition:.3s ease-in;width:11vw}nav .brand span{color:#f5f5f5;font-family:SUSE Mono;font-size:12px;font-weight:700;letter-spacing:2px;padding:10px;text-transform:uppercase;transition:.3s ease-in}nav .brand span:nth-child(2){align-items:center;border-left:2px solid #f5f5f5;display:flex;padding:10px 10px 10px 20px}nav ul{align-items:center;display:flex;gap:25px;margin-right:1vw}nav ul li{font-family:SUSE Mono;font-size:14px;list-style-type:none}nav ul li a{color:#f5f5f5;text-decoration:none;transition:.3s ease-in}nav ul li:hover a{font-weight:600}nav ul .langSwitch{border-radius:4px;padding:3px 8px;text-transform:uppercase}nav ul .langSwitch p{font-family:SUSE Mono;transform-origin:bottom}nav ul .langSwitch:not(:active) p{animation:fadeUp .3s ease-in}nav ul .themeSwitch{background-repeat:no-repeat;background-size:contain;height:1.2vw;margin-top:-.1vw;transition:.3s ease-in;width:1.2vw;will-change:transform}nav ul .themeSwitch .switch{height:100%;transition:.3s ease-in;width:100%}nav ul .themeSwitch:hover{transform:rotate(20deg)}nav ul .animate{animation:switcher .2s linear 0s forwards}.blurry{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .3s ease}.hide{transform:translateX(-50%) scaleY(0);transition:transform .2s ease}.dark nav .brand img{filter:contrast(.5) brightness(15)}.dark nav .brand span{color:#f5f5f5}.dark nav .brand span:nth-child(2){border-left:2px solid #f5f5f5}.dark nav ul li a{color:#f5f5f5}.dark nav ul li:hover a{color:#ff9a5d}.dark nav ul .active a{color:#ff9a5d!important}.dark nav ul .langSwitch{border:1px solid #f5f5f5;color:#f5f5f5}.dark nav ul .themeSwitch{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABECAYAAADN7RgCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMkSURBVHgB7ZzxcdsgFMa/6/n/ZgS6QUbQBs0G0Qb1BqYTxBtIncDdgHYCdwN5g6QTuCISdy0GCeGHeOrxu/vOsWXD4zM8JEEM8EH0Ur2u46NA4YYGg0FG38GED+CDsJ5/BBM4mcSWYlIAxaQAikkBFJMCKCYFsFvw3odeXzBM1T97tdgeT70+93rr9XV8JMWcDRsdQItdvgIth8Tlv3N1iNIoaZV9BB22QUbkKE9FL6BDjvVI0GFf7hg1SIDOSe2aFd6JjtdnUDseT0brqficuuIF6Dh0PD6DVkHCb5RAXgT8BkmsjIQ7EIW8sDHIIBE/a+ghUWNI/LphnVWGfq7G4/r8RgSWy8ogwx7/BnSaeX8F/0w5p9P4+SnssvdgwiOG8xodkC95V4g3x1YHf88yPfSIeUNZoYfMNYEO+A8Q8CdSKnGYUaMRuE3GqTQ1/Nii88JaBv3do7iczAaRKgfNifI6Mik18hhkVGEDdMhrUgfm1MhrkFENxijwMEmBKQI8DDIim+koV0sewYsnEGFWSx4Q7vzF83oFXkx9aQJhXMwfz71eEd6NO08lJ8QNi1Rq4DanW9jWZyBuynYFoO5sFLWUI8ZjRDmvOifFJLjf2CYxbX1fwKyxvAsKR2Etln9LKeXaKScWtlWnoXo3Nq5FRDKzIF8yvpOL57VPCG+rbtPbbqbQJfwCL35MHLsgE3q8cxpuAkxR4GGQAiHU+5O+gQdc4vDSIW8v6rABKuQ1qcZGiDmzpRDlnqbkTO3qSDnMNrUQoBEoS0pBCJTFyWAk0hi0qRxUYVjzquHPCwJ0w0/Bf5NP178f42Fzt1Tv7bYbMEWF+Bt0U+YYGusz2bfeHOBuTAgCw31oPWR04zvcJuPzeLxG+MzliueATPgMOiMvCkyMmjJIIC8C/hl1NaMa+A3awhblBgnJunk8khZ+o5LEO2UQFXo4KNAOC9915NwG2Chca3MSdLwkLFvCbRQ5Cuka4SpfgRaJFXqS2fqrh10FelKbpKkxxC+xwTsGmjVMiqL8D24AxaQAikkBFJMCKCYFUEwKgJNJ9q6UCwo3CDD9ubI/v85VMcB4L1YAAAAASUVORK5CYII=);filter:contrast(0) brightness(1.8)}.light nav .brand img{filter:brightness(.8)}.light nav .brand span{color:#222}.light nav .brand span:nth-child(2){border-left:2px solid #222}.light nav ul li a{color:#222}.light nav ul li:hover a{color:#423fdb}.light nav ul .active a{color:#423fdb!important}.light nav ul .langSwitch{border:1px solid #222;color:#222}.light nav ul .themeSwitch{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA2CAYAAABeFWCFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH+SURBVHgB1Zo9TsNAEIW/JBeADrq9AZSULim5AbkB3CAcIZyA3ICaytDRwQ0cThBKqMyObBQrIiLx/CT5pCdHthQ/z87OziYeYMdR1lXWWVbKOm/PHbXXP1f0nnWfNScIMXKbVWbVPXRFAGJykrWgn0l5uHMCuFGYrLIKAkj0H27RlGX+ulLQP5qiMUFc09+kPGBBEBqjYbOd9kYao3cEkdDl6AOBVOjyNBHEhP5Gw4dfY7QiMKolOrMPBFGgMypKBPGIzugbQST0UZ3izLA9Wqw0zwQhQ6iNbEh/mtAbrQlA0sAiIp8EcHBmzzgQxGxCT8h2RdC0gl25Gx4a3iThzBA73OvsQZkVrHJ2gTMSWasaKblf4IiYfccO1623mP3AjmscS5iYnWPH76+Lbsgsro3lWhmsKoLrFmfUHk+zLrDjhCYlnnCgwD4VRBOcqNhzw6PO52N8inrRHl8wRHLMeqJ1VaLszLqR/cr6zrrEh0SzwklQzKIsEaidVdHkcmILBn+cSzR1MmqrIr3JM020pamad66JB1lgZJ84XvcF8q9hvW8arTH7SlMdLBcKd2bsT2RLNmAGOze61Rya7tDojB6T/Y54o7coSPj1EKvDbtYTj51My3KviuZ/pkv0JsvWZMhClFi+frJJM7ToGEyb3mSAD6lV94UeYd7R1vwACa7flJEOO6QAAAAASUVORK5CYII=)}@media screen and (min-width:320px)and (max-width:800px){nav{align-items:flex-start;margin:3px auto;padding:15px 0;transform:translateX(-49%);width:95%}nav .brand{flex-direction:column;padding:5px}nav .brand img{height:10vw;width:32vw}nav .brand span:first-child{padding:0!important}nav .brand span:nth-child(2){padding-left:0;padding-top:13px!important}nav .mobileNav{align-content:flex-start;align-items:flex-start;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;flex-direction:column;flex-wrap:wrap;gap:50px;height:70vh;justify-content:flex-start;left:0;padding:30vw 15vw;position:absolute;top:-4vw;transform:translateX(100vw);transition:transform .3s ease;width:58vh}nav .mobileNav .themeSwitch{height:5.2vw;width:5.2vw}nav .mobileNav li a{font-size:4vw}nav .mobileNav.active{transform:translateX(-3vw);transition:transform .3s ease}nav .toggle{font-size:13vw;margin-right:2vw;z-index:10}nav .toggle svg{transform:rotate(0deg) scale(0);transition:.3s ease}nav .toggle svg:not(:active){animation:spinOut .3s ease forwards}.dark nav .brand span:nth-child(2){border-left:none;border-top:2px solid #f5f5f5}.dark nav .mobileNav{background:hsla(0,0%,8%,.878)}.dark nav .toggle{color:#f5f5f5}.light nav .brand span:nth-child(2){border-left:none;border-top:2px solid #222}.light nav .mobileNav{background:#fdfdff78}.light nav .toggle{color:#222}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.contact{height:40vh;padding:25vh}.contact,.contact .card{align-items:center;display:flex;perspective:500px}.contact .card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,96%,.078);border-color:#fff #ffffff82 #ffffff5c #ffffff3b;border-radius:15px;border-style:solid;border-width:1px;flex-direction:column;gap:40px;height:22vw;justify-content:center;margin:0 auto;position:relative;transition:.3s ease-in;width:33vw;z-index:6}.contact .card:hover{transition:0s}.contact .card button{background:none;border:none;border-radius:50px;font-family:Aladin;font-size:2vw;font-weight:800;padding:15px 30px;position:relative;transition:.3s ease-in}.contact .card button a{text-decoration:none}.contact .card .socials{display:flex;gap:10px}.contact .card .socials .social{align-items:center;border-radius:50%;display:flex;font-size:2.5vw;height:4vw;justify-content:center;transition:.3s ease-in;width:4vw}.contact .spinning-ring-box{position:absolute;transform:translate(-52%,-70%) scale(.5);transition:transform .3s ease}.contact .spinning-ring-box .ring{align-items:center;animation:spinning 8s linear infinite;display:flex;height:25vw;justify-content:center;position:relative;width:25vw}.contact .spinning-ring-box .ring .small-circle{animation:spinning 8s linear infinite reverse;border-radius:50%;font-family:SUSE Mono;height:2vw;text-align:center;width:7vw}.contact .spinning-ring-box .ring .text{border-radius:50%;border-style:solid;border-width:1px;font-size:2rem;height:100%;position:absolute;width:100%}.contact .spinning-ring-box .ring .text span{font-family:SUSE Mono;left:51%;position:absolute;text-transform:uppercase;top:-30%;transform-origin:0 20vw;transition:.3s ease-in}.contact .idle{transform:translate(-52%,-70%) scale(1);transition:transform .3s ease}.light .contact .ring .small-circle{color:#222}.light .contact .ring .text{border-color:#222}.light .contact .ring .text span{color:#222}.light .contact .card{box-shadow:inset 0 0 15px 0 #ffffff1f,inset 3px 3px 11px -6px #ffffff12,inset -24px -25px 112px -3px #00087712,0 8px 24px -3px #2a365794}.light .contact .card button{box-shadow:0 2px 3px 1px #1f2b73ad,inset 0 3px 5px -3px #ffffff91}.light .contact .card button a{color:#222}.light .contact .card button:hover{background:#0000;box-shadow:0 1px 4px 0 #ffffff91,inset 0 1px 1px 0 #1f2b73ad;color:#474957}.light .contact .card .socials .social{box-shadow:0 1px 4px 0 #1f2b73ad,inset 0 1px 1px 0 #ffffff91;color:#222}.light .contact .card .socials .social:hover{background:#0000;box-shadow:0 1px 4px 0 #ffffff91,inset 0 1px 1px 0 #1f2b73ad;color:#474957}.dark .contact .ring .small-circle{color:#f5f5f5}.dark .contact .ring .text{border-color:#f5f5f5}.dark .contact .ring .text span{color:#f5f5f5}.dark .contact .card{box-shadow:inset 0 0 15px 0 #ffffff17,inset 3px 3px 11px -6px #ffffff3d,inset -24px -25px 112px -3px #00000042,0 8px 24px -3px #14171f}.dark .contact .card button{box-shadow:0 2px 3px 1px rgba(0,0,0,.259),inset 0 3px 5px -3px hsla(0,0%,100%,.212)}.dark .contact .card button a{color:#f5f5f5}.dark .contact .card button:hover{background:#0000;box-shadow:0 1px 4px 0 hsla(0,0%,100%,.212),inset 0 1px 1px 0 rgba(0,0,0,.588);color:#838383}.dark .contact .card .socials .social{box-shadow:0 1px 4px 0 rgba(0,0,0,.588),inset 0 1px 1px 0 hsla(0,0%,100%,.212);color:#f5f5f5}.dark .contact .card .socials .social:hover{background:#0000;box-shadow:0 1px 4px 0 hsla(0,0%,100%,.212),inset 0 1px 1px 0 rgba(0,0,0,.588);color:#838383}@media screen and (min-width:320px)and (max-width:800px){.contact{align-items:flex-start;height:75vh;margin-top:5vw;padding:5vw}.contact .card{height:60vw;width:80vw;z-index:1000}.contact .card button{font-size:6vw;height:15vw;width:max-content}.contact .card .socials .social{font-size:5.5vw;height:10vw;width:10vw}.contact .spinning-ring-box{left:80%!important;top:50%!important;transform:translate(-115%,-50%) scale(1.2);z-index:10}.contact .spinning-ring-box .ring{height:45vw;width:45vw}.contact .spinning-ring-box .ring .small-circle{width:20vw}.contact .spinning-ring-box .ring .text span{transform-origin:0 35vw}}
/*# sourceMappingURL=main.acadb57b.css.map*/