@media only screen and (min-width: 0rem){body.dark-mode #dark-mode-toggle .cs-sun{transform:translate(-50%, -50%);opacity:1}body.dark-mode #dark-mode-toggle .cs-moon{transform:translate(-50%, -150%);opacity:0}#dark-mode-toggle{display:block;position:absolute;top:50%;transform:translateY(-50%);right:3.75rem;width:3rem;height:3rem;background:transparent;border:none;overflow:hidden;padding:0}#dark-mode-toggle img,#dark-mode-toggle svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1.5625rem;height:1.5625rem;pointer-events:none}#dark-mode-toggle .cs-moon{z-index:2;transition:transform 0.3s,
 opacity 0.3s,
 fill 0.3s;fill:#000}#dark-mode-toggle .cs-sun{z-index:1;transform:translate(-50%, 100%);opacity:0;transition:transform 0.3s,
 opacity 0.3s}}@media only screen and (min-width: 64rem){#dark-mode-toggle{position:relative;top:auto;right:auto;transform:none;margin-left:1.875rem;margin-bottom:0rem}}*{box-sizing:border-box}section{overflow-anchor:none}main{overflow-x:hidden}main h1,main h2,main h3{color:#111827;font-weight:600}main h2{margin-top:0;margin-bottom:50px;font-size:40px;font-weight:700}@media (min-width: 576px){main h2{font-size:64px;margin-bottom:64px}}main h3{font-size:25px}@media (min-width: 576px){main h3{font-size:32px}}@media (min-width: 768px){main h3{font-size:35px}}@media (min-width: 1200px){main h3{height:auto}}main p{color:#111827;font-size:20px;font-weight:500}body{margin:0;background-color:#f3f4f6;font-family:"Plus Jakarta Sans", sans-serif;font-weight:600}@media (prefers-color-scheme: dark){body{background-color:#111827}body body{background-color:#111827}body p,body h1,body h2,body h3,body img,body a{color:#f3f4f6}body p .btn:hover,body h1 .btn:hover,body h2 .btn:hover,body h3 .btn:hover,body img .btn:hover,body a .btn:hover{color:#8ab5d9}body #sidebar{background-color:#2f2447}}a{text-decoration:none}ul{padding:0}@keyframes slide-in{from{margin-left:-100%}to{margin-left:0}}.container-default{position:relative;margin-left:-100%;padding:0;overflow:visible}.is-visible{animation:slide-in alternate forwards}.containerid{margin:0 auto;border-bottom:4px solid #202e4b;padding:50px 30px}.backsplash{background-image:url("../img/backsplash3.png");height:100vh;background-size:cover;background-repeat:no-repeat;color:#c3d4e6;font-size:20px}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.backsplash{font-size:20px}}.backsplash #introtext{display:flex;flex-direction:column;max-width:50vw;margin:0 auto;text-align:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:13px}@media (min-width: 576px){.backsplash #introtext{font-size:20px}}@media (min-width: 768px){.backsplash #introtext{padding-left:225px;font-size:20px;max-width:none}}@media (min-width: 576px){.backsplash #introtext{font-size:24px}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.backsplash #introtext{padding-left:225px}.backsplash #introtext h1{white-space:nowrap}}.backsplash #introtext h1,.backsplash #introtext p{text-shadow:-1px -1px 0 #111827,1px -1px 0 #111827,-1px 1px 0 #111827,1px 1px 0 #111827}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.backsplash #introtext h1{padding-left:0;font-size:40px;text-wrap:wrap}}.backsplash .scroll{position:absolute;bottom:-50px;left:50%;font-size:30px;margin:0 auto;transform:translate(-50%, -50%);text-wrap:nowrap;display:flex;align-items:center}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.backsplash .scroll{display:none}}@media (min-width: 768px){.backsplash .scroll{padding-left:225px;bottom:0}}@media only screen and (min-width: 768px) and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.backsplash .scroll{display:none}}@media (min-width: 768px){.backsplash{font-size:30px}}.anim-name{display:flex;white-space:pre-wrap;flex-direction:row;color:#eee;cursor:pointer}.anim-name span{white-space:pre;opacity:0;transform:translate(-2px, 4px) scale(0.9);animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{to{opacity:1;transform:translate(0, 0) scale(1)}}.burger{appearance:none;border:none;padding:0;margin:0;background:none;font:inherit;color:inherit;line-height:0;display:inline-block;position:fixed;cursor:pointer;top:0;right:5px;z-index:19;width:63px;height:56px;background-color:#111827;border-radius:3px}.burger:hover{background-color:rgba(66,39,110,0.835294)}.burger .mid{position:absolute;top:50%;left:50%;width:35px;height:4px;background-color:#f3f4f6;transform:translate(-50%, -50%);transition:0.4s}.burger .mid::before,.burger .mid::after{content:"";position:absolute;width:35px;height:4px;top:-10px;left:50%;transform:translateX(-50%);transition:0.4s;background-color:#f3f4f6}.burger .mid::before{top:-10px}.burger .mid::after{top:10px}@media (min-width: 768px){.burger{display:none}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.burger{display:none}}.burger-clicked{position:absolute;top:50%;left:50%;width:45px;height:4px;background-color:#7e899f;transform:translate(-50%, -50%) rotate(45deg);transition:0.4s}.burger-clicked::after{content:"";position:absolute;width:45px;height:4px;left:50%;transform:translateX(-50%) rotate(90deg);transition:0.4s;background-color:#7e899f}.sb-item-k{height:190px;width:190px;display:flex;align-items:center;font-size:100px;border:2px solid;border-radius:50%;border-color:#111827;margin-bottom:25px;overflow:hidden}.sb-item-k:hover #initial{transform:rotate(360deg);transition:transform 1s ease, background 1s ease;overflow:hidden}@media (prefers-color-scheme: dark){.sb-item-k{border-color:#f3f4f6}.sb-item-k body{background-color:#111827}.sb-item-k p,.sb-item-k h1,.sb-item-k h2,.sb-item-k h3,.sb-item-k img,.sb-item-k a{color:#f3f4f6}.sb-item-k p .btn:hover,.sb-item-k h1 .btn:hover,.sb-item-k h2 .btn:hover,.sb-item-k h3 .btn:hover,.sb-item-k img .btn:hover,.sb-item-k a .btn:hover{color:#8ab5d9}.sb-item-k #sidebar{background-color:#2f2447}}.btn{display:flex;justify-content:center;align-items:center;min-width:100%;height:100%;color:inherit;border-radius:2px;transition:background .5s, transform .5s}.btn:hover{background-color:#f3f4f6;transform:translate(2px, -2px)}.btn:focus-visible{background-color:#f3f4f6}.sb-item{font-size:20px;width:auto;height:60px;text-decoration:none;padding:5px 0;text-align:center;list-style:none}.sb-item:focus-visible{background-color:#f3f4f6;border:none}.default{left:-225px}.sidebar-open{left:0;transition:left 0.4s ease}#sidebar{position:fixed;display:flex;flex-direction:column;gap:25px;margin:0;padding:0;top:0;width:225px;background-color:#8ab5d9;height:100%;text-align:center;align-items:center;justify-content:space-evenly;z-index:21;transition:left 0.4s ease}@media (min-width: 768px){#sidebar{left:0}#sidebar a{display:flex;align-items:center;margin:0 auto;color:#111827;text-align:center}}@media (min-width: 768px) and (prefers-color-scheme: dark){#sidebar a{color:#f3f4f6;background-color:#111827}#sidebar a body{background-color:#111827}#sidebar a p,#sidebar a h1,#sidebar a h2,#sidebar a h3,#sidebar a img,#sidebar a a{color:#f3f4f6}#sidebar a p .btn:hover,#sidebar a h1 .btn:hover,#sidebar a h2 .btn:hover,#sidebar a h3 .btn:hover,#sidebar a img .btn:hover,#sidebar a a .btn:hover{color:#8ab5d9}#sidebar a:hover{background-color:rgba(66,39,110,0.835294)}#sidebar a #sidebar{background-color:#2f2447}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){#sidebar{overflow-y:scroll}}#sidebar .sidebar{padding:0;height:90vh}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){#sidebar .sidebar{min-height:500px}}@media (prefers-color-scheme: dark){#sidebar{background-color:#2f2447}#sidebar body{background-color:#111827}#sidebar p,#sidebar h1,#sidebar h2,#sidebar h3,#sidebar img,#sidebar a{color:#f3f4f6}#sidebar p .btn:hover,#sidebar h1 .btn:hover,#sidebar h2 .btn:hover,#sidebar h3 .btn:hover,#sidebar img .btn:hover,#sidebar a .btn:hover{color:#8ab5d9}#sidebar #sidebar{background-color:#2f2447}}.soc-med--etsy svg{stroke:#f3f4f6;fill:#f3f4f6;color:#f3f4f6;display:inline-block;height:32px;width:32px;transition:background .5s, transform .1s ease;transform:scale(1)}.soc-med--etsy:hover{background-color:#f1641e;border-color:transparent;cursor:pointer;transition:background .2s, transform .1s ease;transform:scale(1.1);border-radius:2px}.soc-med--inst svg{stroke:#f3f4f6;fill:#f3f4f6;color:#f3f4f6;display:inline-block;height:32px;width:32px;transition:background .5s, transform .1s ease;transform:scale(1)}.soc-med--inst:hover{background-color:#d93175;border-color:transparent;cursor:pointer;transition:background .2s, transform .1s ease;transform:scale(1.1);border-radius:2px}.soc-med--tumb svg{stroke:#f3f4f6;fill:#f3f4f6;color:#f3f4f6;display:inline-block;height:32px;width:32px;transition:background .5s, transform .1s ease;transform:scale(1)}.soc-med--tumb:hover{background-color:#001935;border-color:transparent;cursor:pointer;transition:background .2s, transform .1s ease;transform:scale(1.1);border-radius:2px}.soc-med--kat svg{stroke:#f3f4f6;fill:#f3f4f6;color:#f3f4f6;display:inline-block;height:32px;width:32px;transition:background .5s, transform .1s ease;transform:scale(1)}.soc-med--kat:hover{background-color:#622fa5;border-color:transparent;cursor:pointer;transition:background .2s, transform .1s ease;transform:scale(1.1);border-radius:2px}#social-media{z-index:10;display:flex;flex-direction:row;justify-content:space-around;width:225px;padding:10px 5px;gap:10px}#social-media li{list-style:none;background-color:#2f2447;width:40px;height:40px;border-radius:3px}#social-media li a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:inherit}main{text-align:center;margin:0 auto}@media (min-width: 768px){main{padding-left:225px}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){main section{padding-left:225px}}#about{height:auto}#about p{margin-bottom:15px}@media (min-width: 768px){#about p{margin-bottom:25px}}@media (min-width: 992px){#about p{max-width:1000px;margin:0 auto;margin-bottom:50px}}@media (prefers-color-scheme: dark){#about body{background-color:#111827}#about p,#about h1,#about h2,#about h3,#about img,#about a{color:#f3f4f6}#about p .btn:hover,#about h1 .btn:hover,#about h2 .btn:hover,#about h3 .btn:hover,#about img .btn:hover,#about a .btn:hover{color:#8ab5d9}#about p,#about h2{color:#f3f4f6}#about #sidebar{background-color:#2f2447}}.porpro{display:flex;flex-wrap:wrap;max-width:900px;margin:0 auto;gap:4%}.porpro h3{margin-top:10px;margin-bottom:10px}@media (min-width: 992px){.porpro h3{height:110px}}.porpro .project{flex:100%;min-width:0;display:flex;flex-direction:column;align-items:center;margin-bottom:60px;top:0;transition:top .6s ease;position:relative}.porpro .project::after{content:"";position:absolute;left:5px;bottom:0;width:0%;height:2px;background:currentColor;transition:width .3s ease}.porpro .project:hover::after{width:calc(100% - 10px)}.porpro .project:hover,.porpro .project:target,.porpro .project:active,.porpro .project:focus{top:-10px;transition:top .6s ease, box-shadow 0.6s ease}.porpro .project:hover img,.porpro .project:target img,.porpro .project:active img,.porpro .project:focus img{box-shadow:0 5px 30px rgba(17,24,39,0.25);filter:brightness(80%);transition:filter 1s ease}.porpro .project:hover .cl,.porpro .project:target .cl,.porpro .project:active .cl,.porpro .project:focus .cl{filter:brightness(80%);transition:filter 1s ease}@media (min-width: 576px){.porpro .project{margin-bottom:80px}}@media (min-width: 768px){.porpro .project img{max-width:100%}}@media (min-width: 992px){.porpro .project{flex:48%}}.porpro a{color:#111827}.porpro img{margin:5px auto;border-radius:5px}@media (prefers-color-scheme: dark){.porpro img{opacity:0.75;transition:opacity .5s ease-in-out}.porpro img body{background-color:#111827}.porpro img p,.porpro img h1,.porpro img h2,.porpro img h3,.porpro img img,.porpro img a{color:#f3f4f6}.porpro img p .btn:hover,.porpro img h1 .btn:hover,.porpro img h2 .btn:hover,.porpro img h3 .btn:hover,.porpro img img .btn:hover,.porpro img a .btn:hover{color:#8ab5d9}.porpro img #sidebar{background-color:#2f2447}}.porpro img:hover{opacity:1}.proj{display:flex;align-items:center;flex-direction:column;margin:0 auto;height:auto;min-height:450px;max-height:1800px}.proj img{max-width:100%;object-fit:scale-down}@media (prefers-color-scheme: dark){#portfolio body{background-color:#111827}#portfolio p,#portfolio h1,#portfolio h2,#portfolio h3,#portfolio img,#portfolio a{color:#f3f4f6}#portfolio p .btn:hover,#portfolio h1 .btn:hover,#portfolio h2 .btn:hover,#portfolio h3 .btn:hover,#portfolio img .btn:hover,#portfolio a .btn:hover{color:#8ab5d9}#portfolio #sidebar{background-color:#2f2447}}.cl{position:absolute;top:0;z-index:5;color:#f3f4f6;border-radius:6%;font-size:12px;padding:2px;margin-top:5px;margin-right:2px}@media (min-width: 576px){.cl{font-size:18px;padding:4px}}.html{background-color:blue;right:5%}.css{background-color:red;right:20%}.pyt{background-color:#fb0;right:45%}.js{background-color:green;right:45%}.project-text{display:flex;flex-direction:column;min-height:175px;width:100%}@media (min-width: 768px){.project-text{min-height:222px}}.view-project{margin-top:0;margin-bottom:20px;transition:0s}.hover-split{width:100%;display:flex;flex-direction:column;font-size:22px;color:#111827}@media (min-width: 768px){.hover-split{font-size:35px}}.hover-split span:nth-child(1){transition:0.5s;clip-path:polygon(0 0, 100% 0, 100% 50%, 0 50%);overflow:clip;transform:translateY(28px);font-size:22px;text-wrap:nowrap}@media (min-width: 768px){.hover-split span:nth-child(1){transform:translateY(21px);font-size:33px}}@media (min-width: 992px){.hover-split span:nth-child(1){transform:translateY(20px)}}.hover-split:hover span:nth-child(1),.hover-split:target span:nth-child(1),.hover-split:active span:nth-child(1),.hover-split:focus span:nth-child(1){transform:translateY(0)}@media (min-width: 768px){.hover-split:hover span:nth-child(1),.hover-split:target span:nth-child(1),.hover-split:active span:nth-child(1),.hover-split:focus span:nth-child(1){transform:translateY(0)}}.hover-split span:nth-child(2){text-wrap:nowrap;transition:0.5s;clip-path:polygon(0 50%, 100% 50%, 100% 100%, 0 100%);overflow:clip;font-size:22px}@media (min-width: 768px){.hover-split span:nth-child(2){font-size:33px;transform:translateY(-20px)}}@media (min-width: 992px){.hover-split span:nth-child(2){transform:translateY(-21px)}}.hover-split:hover span:nth-child(2),.hover-split:target span:nth-child(2),.hover-split:active span:nth-child(2),.hover-split:focus span:nth-child(2){transform:translateY(70px)}.hover-split span:nth-child(3){font-size:14px;transform:translateY(-50%) scaleY(0)}@media (min-width: 768px){.hover-split span:nth-child(3){font-size:20px}}@media (min-width: 992px){.hover-split span:nth-child(3){transform:translateY(-42px) scaleY(0)}}.hover-split:hover span:nth-child(3),.hover-split:target span:nth-child(3),.hover-split:active span:nth-child(3),.hover-split:focus span:nth-child(3){transform:translateY(-50%) scaleY(1)}@media (min-width: 992px){.hover-split:hover span:nth-child(3),.hover-split:target span:nth-child(3),.hover-split:active span:nth-child(3),.hover-split:focus span:nth-child(3){transform:translateY(-42px) scaleY(1)}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){#examples{min-height:100vh}}@media (prefers-color-scheme: dark){#examples body{background-color:#111827}#examples p,#examples h1,#examples h2,#examples h3,#examples img,#examples a{color:#f3f4f6}#examples p .btn:hover,#examples h1 .btn:hover,#examples h2 .btn:hover,#examples h3 .btn:hover,#examples img .btn:hover,#examples a .btn:hover{color:#8ab5d9}#examples #sidebar{background-color:#2f2447}}#examples p{max-width:900px;text-align:center}.example-1{display:flex;flex-direction:column;align-items:center}#cont-cont-1 pre{position:fixed;overflow-x:scroll}.code-cont{text-align:left;max-width:315px;max-height:700px}@media (min-width: 576px){.code-cont{max-width:400px}}@media (min-width: 768px){.code-cont{max-width:550px}}@media (min-width: 992px){.code-cont{max-width:640px}}.token:hover{cursor:pointer}.definitions{text-align:center;font-size:20px;border:1px black solid;border-radius:10px;padding:10px;max-width:600px;margin:0 auto;overflow:clip}@media (min-width: 768px){.definitions{width:550px}}@media (prefers-color-scheme: dark){.definitions{color:#f3f4f6;border:1px #f3f4f6 solid}.definitions body{background-color:#111827}.definitions p,.definitions h1,.definitions h2,.definitions h3,.definitions img,.definitions a{color:#f3f4f6}.definitions p .btn:hover,.definitions h1 .btn:hover,.definitions h2 .btn:hover,.definitions h3 .btn:hover,.definitions img .btn:hover,.definitions a .btn:hover{color:#8ab5d9}.definitions #sidebar{background-color:#2f2447}}#definitions1,#definitions2,#definitions3{overflow-x:clip}#colours{position:relative;right:calc(-100% + 40px)}#colours::after{content:"";display:inline-block;position:absolute;height:185px;width:20px;bottom:72px;background:linear-gradient(to bottom, #f7b322 0%, #f7b322 12.5%, #67809f 12.5%, #67809f 25%, #4183d7 25%, #4183d7 37.5%, #2ecc71 37.5%, #2ecc71 50%, #d64541 50%, #d64541 62.5%, #926fb1 62.5%, #926fb1 75%, #f62459 75%, #f62459 87.5%, #ce4125 87.5%, #ce4125 100%);z-index:55}.token-hl{background-color:lightyellow}#scs{min-height:auto}#scs h2{text-align:center;color:#111827;letter-spacing:0.5px}@media (prefers-color-scheme: dark){#scs body{background-color:#111827}#scs p,#scs h1,#scs h2,#scs h3,#scs img,#scs a{color:#f3f4f6}#scs p .btn:hover,#scs h1 .btn:hover,#scs h2 .btn:hover,#scs h3 .btn:hover,#scs img .btn:hover,#scs a .btn:hover{color:#8ab5d9}#scs h2{color:#f3f4f6}#scs #sidebar{background-color:#2f2447}}.scs{background-color:rgba(138,181,217,0.25);padding:25px;margin:0 auto 48px;border-radius:12px;transition:transform 0.25s ease, box-shadow 0.25s ease;max-width:700px}.scs h3{color:#111827;margin-top:0;margin-bottom:36px}@media (min-width: 576px){.scs h3{margin-bottom:40px}}@media (min-width: 768px){.scs h3{margin-bottom:45px}}@media (min-width: 992px){.scs h3{margin-bottom:48px}}.scs p{color:rgba(66,39,110,0.835294);line-height:1.6;text-align:justify;font-size:16px}@media (min-width: 992px){.scs p{font-size:18px;padding:0 3px}}.scs:hover,.scs:active{transform:scale(1.05) translateY(-4px);box-shadow:0 8px 8px rgba(17,24,39,0.35)}.scs:hover a,.scs:active a{font-size:20px}.scs a{color:rgba(66,39,110,0.835294)}.scs a:hover{text-decoration:underline;font-size:20px}@media (min-width: 992px){#scs{padding:64px 32px}.scs{max-width:700px;padding:30px}}@media (min-width: 1200px){.scs{max-width:900px}}#contact{display:flex;flex-direction:column;align-content:center;height:auto;margin-top:0;margin-left:auto;margin-right:auto}@media (prefers-color-scheme: dark){#contact body{background-color:#111827}#contact p,#contact h1,#contact h2,#contact h3,#contact img,#contact a{color:#f3f4f6}#contact p .btn:hover,#contact h1 .btn:hover,#contact h2 .btn:hover,#contact h3 .btn:hover,#contact img .btn:hover,#contact a .btn:hover{color:#8ab5d9}#contact h2,#contact address{color:#f3f4f6}#contact #sidebar{background-color:#2f2447}}.info{margin-bottom:20px}#form{display:flex;flex-direction:column;align-content:stretch;row-gap:10px}#form #message{flex-grow:2;font-family:"Plus Jakarta Sans", sans-serif;max-height:300px}#form .input-control input,#form .input-control textarea{height:50px;padding:0 15px;font-size:20px;color:#3e84bf;box-shadow:none;font-family:"Plus Jakarta Sans", sans-serif;width:100%}@media (prefers-color-scheme: dark){#form .input-control input,#form .input-control textarea{color:black}#form .input-control input body,#form .input-control textarea body{background-color:#111827}#form .input-control input p,#form .input-control input h1,#form .input-control input h2,#form .input-control input h3,#form .input-control input img,#form .input-control input a,#form .input-control textarea p,#form .input-control textarea h1,#form .input-control textarea h2,#form .input-control textarea h3,#form .input-control textarea img,#form .input-control textarea a{color:#f3f4f6}#form .input-control input p .btn:hover,#form .input-control input h1 .btn:hover,#form .input-control input h2 .btn:hover,#form .input-control input h3 .btn:hover,#form .input-control input img .btn:hover,#form .input-control input a .btn:hover,#form .input-control textarea p .btn:hover,#form .input-control textarea h1 .btn:hover,#form .input-control textarea h2 .btn:hover,#form .input-control textarea h3 .btn:hover,#form .input-control textarea img .btn:hover,#form .input-control textarea a .btn:hover{color:#8ab5d9}#form .input-control input #sidebar,#form .input-control textarea #sidebar{background-color:#2f2447}}#form .input-control input:focus-visible,#form .input-control textarea:focus-visible{outline-color:rgba(138,181,217,0.5);outline-style:inset;box-shadow:0px 2px 2px #8ab5d9}@media (prefers-color-scheme: dark){#form .input-control input:focus-visible,#form .input-control textarea:focus-visible{outline-color:#f3f4f6}#form .input-control input:focus-visible body,#form .input-control textarea:focus-visible body{background-color:#111827}#form .input-control input:focus-visible p,#form .input-control input:focus-visible h1,#form .input-control input:focus-visible h2,#form .input-control input:focus-visible h3,#form .input-control input:focus-visible img,#form .input-control input:focus-visible a,#form .input-control textarea:focus-visible p,#form .input-control textarea:focus-visible h1,#form .input-control textarea:focus-visible h2,#form .input-control textarea:focus-visible h3,#form .input-control textarea:focus-visible img,#form .input-control textarea:focus-visible a{color:#f3f4f6}#form .input-control input:focus-visible p .btn:hover,#form .input-control input:focus-visible h1 .btn:hover,#form .input-control input:focus-visible h2 .btn:hover,#form .input-control input:focus-visible h3 .btn:hover,#form .input-control input:focus-visible img .btn:hover,#form .input-control input:focus-visible a .btn:hover,#form .input-control textarea:focus-visible p .btn:hover,#form .input-control textarea:focus-visible h1 .btn:hover,#form .input-control textarea:focus-visible h2 .btn:hover,#form .input-control textarea:focus-visible h3 .btn:hover,#form .input-control textarea:focus-visible img .btn:hover,#form .input-control textarea:focus-visible a .btn:hover{color:#8ab5d9}#form .input-control input:focus-visible #sidebar,#form .input-control textarea:focus-visible #sidebar{background-color:#2f2447}}@media (prefers-color-scheme: dark){#form .input-control input,#form .input-control textarea{color:#111827}#form .input-control input body,#form .input-control textarea body{background-color:#111827}#form .input-control input p,#form .input-control input h1,#form .input-control input h2,#form .input-control input h3,#form .input-control input img,#form .input-control input a,#form .input-control textarea p,#form .input-control textarea h1,#form .input-control textarea h2,#form .input-control textarea h3,#form .input-control textarea img,#form .input-control textarea a{color:#f3f4f6}#form .input-control input p .btn:hover,#form .input-control input h1 .btn:hover,#form .input-control input h2 .btn:hover,#form .input-control input h3 .btn:hover,#form .input-control input img .btn:hover,#form .input-control input a .btn:hover,#form .input-control textarea p .btn:hover,#form .input-control textarea h1 .btn:hover,#form .input-control textarea h2 .btn:hover,#form .input-control textarea h3 .btn:hover,#form .input-control textarea img .btn:hover,#form .input-control textarea a .btn:hover{color:#8ab5d9}#form .input-control input #sidebar,#form .input-control textarea #sidebar{background-color:#2f2447}}#form #fmessage{height:100%}#form button{height:50px;padding:0 15px;font-size:20px;color:#3e84bf;box-shadow:none;font-family:"Plus Jakarta Sans", sans-serif}#form button:focus-visible{outline-color:rgba(138,181,217,0.5);outline-style:inset;box-shadow:0px 2px 2px #8ab5d9}@media (prefers-color-scheme: dark){#form button:focus-visible{outline-color:#f3f4f6}#form button:focus-visible body{background-color:#111827}#form button:focus-visible p,#form button:focus-visible h1,#form button:focus-visible h2,#form button:focus-visible h3,#form button:focus-visible img,#form button:focus-visible a{color:#f3f4f6}#form button:focus-visible p .btn:hover,#form button:focus-visible h1 .btn:hover,#form button:focus-visible h2 .btn:hover,#form button:focus-visible h3 .btn:hover,#form button:focus-visible img .btn:hover,#form button:focus-visible a .btn:hover{color:#8ab5d9}#form button:focus-visible #sidebar{background-color:#2f2447}}@media (prefers-color-scheme: dark){#form button{color:#111827}#form button body{background-color:#111827}#form button p,#form button h1,#form button h2,#form button h3,#form button img,#form button a{color:#f3f4f6}#form button p .btn:hover,#form button h1 .btn:hover,#form button h2 .btn:hover,#form button h3 .btn:hover,#form button img .btn:hover,#form button a .btn:hover{color:#8ab5d9}#form button #sidebar{background-color:#2f2447}}@media (min-width: 992px){#contact{min-height:90vh}#form{flex-wrap:wrap;flex-direction:row;width:auto;margin:0 auto;padding:10px 0;gap:10px;align-items:flex-end}#first-name,#last-name,#email,#subject{flex:45%}button{width:90vw}#fmessage{height:100%}}.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(100%);border:0;white-space:nowrap}.formcont{background-color:rgba(138,181,217,0.25);padding:32px;margin-bottom:48px;border-radius:4px;max-width:700px;max-height:650px}@media (min-width: 992px){.formcont{margin:0 auto;margin-bottom:48px}}@media (min-width: 1200px){.formcont{max-width:900px}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){.formcont{margin:0 auto;width:500px}}.input-control.success input,.input-control.success textarea{border-color:green}.error input,.error textarea{border-color:red;background-color:rgba(255,0,0,0.1);color:darkred}@media (prefers-color-scheme: dark){.error input,.error textarea{background-color:#c55b5b}.error input body,.error textarea body{background-color:#111827}.error input p,.error input h1,.error input h2,.error input h3,.error input img,.error input a,.error textarea p,.error textarea h1,.error textarea h2,.error textarea h3,.error textarea img,.error textarea a{color:#f3f4f6}.error input p .btn:hover,.error input h1 .btn:hover,.error input h2 .btn:hover,.error input h3 .btn:hover,.error input img .btn:hover,.error input a .btn:hover,.error textarea p .btn:hover,.error textarea h1 .btn:hover,.error textarea h2 .btn:hover,.error textarea h3 .btn:hover,.error textarea img .btn:hover,.error textarea a .btn:hover{color:#8ab5d9}.error input #sidebar,.error textarea #sidebar{background-color:#2f2447}}.error input::placeholder,.error textarea::placeholder{color:rgba(139,0,0,0.8)}footer{padding:20px 0;margin:0 auto;text-align:center}footer>*{display:block}footer a{padding-bottom:20px;color:rgba(66,39,110,0.835294)}@media (prefers-color-scheme: dark){footer a body{background-color:#111827}footer a p,footer a h1,footer a h2,footer a h3,footer a img,footer a a{color:#f3f4f6}footer a p .btn:hover,footer a h1 .btn:hover,footer a h2 .btn:hover,footer a h3 .btn:hover,footer a img .btn:hover,footer a a .btn:hover{color:#8ab5d9}footer a a{color:#f3f4f6}footer a #sidebar{background-color:#2f2447}}footer a:hover{text-decoration:underline;color:#111827}@media (min-width: 768px){footer{padding-left:225px}}@media (prefers-color-scheme: dark){footer body{background-color:#111827}footer p,footer h1,footer h2,footer h3,footer img,footer a{color:#f3f4f6}footer p .btn:hover,footer h1 .btn:hover,footer h2 .btn:hover,footer h3 .btn:hover,footer img .btn:hover,footer a .btn:hover{color:#8ab5d9}footer small,footer a{color:#f3f4f6}footer #sidebar{background-color:#2f2447}}@media only screen and (min-device-width: 374px) and (max-device-width: 1000px) and (orientation: landscape){footer{margin:0 auto;padding-left:225px}}