.homePage{max-width:105rem;margin:auto}.aboutMe{margin:10rem 1rem;display:grid;grid-template-columns:1fr 1fr}.aboutMeInfo{margin:2rem;font-size:1.5rem;background:#ffffff1f;border-radius:1rem;box-shadow:0 .25rem 2.8rem #0000001a;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);border:.15rem solid rgba(255,255,255,.3);padding:2rem;text-align:left}.aboutMe img{object-fit:contain;max-width:72%;height:auto;align-self:center;margin:auto;border-radius:1rem;border:.15rem solid rgba(255,255,255,.3);box-shadow:0 .25rem 2.8rem #0000001a}.projects{margin:10rem 1rem 15rem;text-align:center}.featuredProjectsView{margin:5rem 0rem 0rem;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;row-gap:3rem;background:#ffffff1f;border-radius:1rem;box-shadow:0 .25rem 2.8rem #0000001a;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);border:.15rem solid rgba(255,255,255,.3);padding:2rem}@media (max-width: 1200px){.featuredProjectsView{grid-template-columns:1fr 1fr}}@media (max-width: 650px){.aboutMe,.featuredProjectsView{grid-template-columns:1fr}}.featuredProject{width:30rem;height:42rem;margin:auto;display:flex;flex-direction:column;position:relative;border:solid .25rem #9e9e9e;border-radius:.8rem;background-color:#414750;box-shadow:0 .1rem .5rem #0003,0 .4rem 1.2rem #00000030;transition:transform .2s ease}.featuredProject:hover{transform:scale(1.1)}.featuredProject h2{margin:.3rem 0rem 0rem 1rem;text-align:left}.imagePanel{flex:1;position:relative;grid-column-start:1;grid-column-end:five;grid-row-start:1;grid-row-end:1;border-bottom:.25rem solid #9e9e9e;overflow:hidden}.projectImage{width:100%;height:100%;object-fit:cover;box-shadow:-.4rem 0 .8rem #0000;border-radius:.6rem .6rem 0rem 0rem}.numberIcon{height:2.5rem;width:4rem;position:absolute;top:19.5rem;left:1rem;border-radius:.4rem;border:solid .25rem #9e9e9e9e;background-color:#cacaca;z-index:1}.numberIcon h1{margin:0rem;height:100%;width:100%;font-size:1.7rem;text-align:center}.infoPanel{position:relative;display:grid;grid-template-columns:.2fr 1fr;flex:1;text-align:left;background-color:#33373e;border-radius:0rem 0rem .6rem .6rem}.projectLanguages{display:flex;flex-direction:column;margin:2rem 1rem 1rem;gap:1rem}.languageBlip{width:3.75rem;height:3.75rem;background-color:#272a2f;border-radius:1rem;border:solid .2rem rgb(29,31,35)}.languageText{height:100%;width:100%;margin:0;font-size:1rem;text-align:center;line-height:4rem}.projectName{margin:0;padding:0rem;font-size:2rem;font-weight:700;text-decoration:underline}.projectDescription{margin:0rem;padding:1rem;font-size:1.2rem}.linkBtn{position:absolute;bottom:1.25rem;left:1rem;padding:.6rem .9rem;border-radius:.5rem;background-color:#56c1fe;box-shadow:0 .15rem .3rem .05rem #0006;color:#fff;transition:background-color .3s ease,transform .3s ease;text-decoration:none}.linkBtn:hover{background-color:#3facdf}.linkBtn:active{transform:scale(.95)}.navbar{position:sticky;top:0;height:3.5rem;width:100%;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#24242499;box-shadow:0 0 .6rem .1rem #000c}.navbarIcon{height:3rem;width:3rem;margin:.2rem 0rem 0rem 1rem;border-radius:.5rem;box-shadow:0 .1rem .2rem .1rem #0c0c0cfe}.title{position:absolute;top:-1.15rem;left:5rem;font-size:2rem;font-weight:700;text-shadow:0rem 0rem .5rem rgb(0,0,0)}.links{position:absolute;bottom:.6rem;left:18rem}.links a{margin:1rem;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;text-shadow:0rem 0rem .5rem rgb(0,0,0)}.links a:hover{color:#84e1ee;transition:all .2s ease}.links a:active{color:#90a0b1;transition:all .1s ease}.landing{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.landingHeading{background:#ffffff1f;border-radius:1rem;box-shadow:0 .25rem 2.8rem #0000001a;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);border:.1rem solid rgba(255,255,255,.3);padding:2rem;opacity:0;animation-name:fadeIn;animation-duration:2s;animation-delay:.75s;animation-fill-mode:forwards}.landingHeading h1,.landingHeading h3{margin:0;text-shadow:0rem 0rem .5rem rgba(0,0,0,.5);text-align:center;-webkit-user-select:none;user-select:none;opacity:0;animation-name:fadeIn;animation-duration:2s;animation-delay:1.25s;animation-fill-mode:forwards}.landingHeading h1{font-size:10rem;color:#e4e4e4}.landingHeading h3{font-size:3rem;color:#d3d3d3}.bgCanvas{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;opacity:0;animation-name:fadeIn;animation-duration:2.5s;animation-delay:.25s;animation-fill-mode:forwards}.anagramElements{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.panelDetails{color:#bababa}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#6a6a78;text-shadow:0 0 .25rem rgb(23,23,23)}.inputsPanel{height:50rem;width:25rem;margin:4rem 1rem 4rem 4rem;padding:1.5rem;border:.1rem solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1f;box-shadow:0 .25rem 2.8rem #0000001a;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);transition:.3s ease}.inputsPanel h1{margin:0}.inputsPanelContent{display:flex;flex-direction:column;height:calc(100% - 4rem)}.wordInputField{display:inline-block;padding:.25rem 1rem;grid-row-start:1;grid-row-end:2;grid-column:1/3;margin:.5rem;line-height:2rem;font-size:1.5rem;font-weight:500;font-family:inherit;color:#99a3ba;border-radius:.3rem;border:.2rem solid #CDD9ED;background:#fff;transition:border .3s ease}.wordInputField::placeholder{color:#cbd1dc}.wordInputField:focus{outline:none;border-color:#1e8dfd}.inputsGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr .8fr .8fr;height:18rem}.submitBtn,.submitBtnDisabled,.frontendCodeBtn,.backendCodeBtn{grid-row:2;grid-column:1/3;border-radius:.5rem;margin:.5rem;border:.1rem solid rgb(99,123,124);text-align:center;align-content:center;color:#fff;text-decoration:none;background-color:#56c1fe;box-shadow:0 .15rem .3rem .05rem #0006;transition:background-color .3s ease,transform .1s ease}.disabledBtn{margin:.5rem;grid-row:2;grid-column:1/3;border-radius:.5rem;text-align:center;align-content:center;color:gray;text-decoration:none;background-color:#3c555c8f;box-shadow:0 .15rem .3rem .05rem #0006;transition:background-color .3s ease,transform .1s ease}.frontendCodeBtn,.backendCodeBtn{grid-row:3;grid-column:1/3;background-color:#3f6271}.frontendCodeBtn{grid-column:1}.backendCodeBtn{grid-column:2}.submitBtn:hover{background-color:#3facdf}.frontendCodeBtn:hover,.backendCodeBtn:hover{background-color:#405863}.submitBtn:active,.frontendCodeBtn:active,.backendCodeBtn:active,.previousAnagram:active,.selectedPreviousAnagram:active{transform:scale(.98)}.anagramHistory{--anagramHistory-bg-color: rgb(66, 68, 73);height:100%;padding:1rem;margin-top:1rem;border:.1rem solid rgba(255,255,255,.3);border-radius:.65rem;background-color:var(--anagramHistory-bg-color);box-shadow:0 0 .4rem .05rem #121212b3;overflow:hidden}.anagramHistory h2{margin:0}.prevAnagramsContainer{position:relative;height:88%;margin:0;padding:.25rem;overflow:hidden}.prevAnagrams{height:100%;max-height:100%;padding:0 .5rem;overflow-y:auto;overflow-x:hidden}.shadow{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;box-shadow:inset 0 .5rem .25rem var(--anagramHistory-bg-color),inset 0 -.5rem .25rem var(--anagramHistory-bg-color);pointer-events:none}.prevAnagrams::-webkit-scrollbar,.anagramEntries::-webkit-scrollbar{width:.6rem}.prevAnagrams::-webkit-scrollbar-track,.anagramEntries::-webkit-scrollbar-track{margin:1.5rem;border-radius:.5rem;background-color:#e7e7e733;border:1px solid rgba(202,202,202,.2);box-shadow:inset 0 0 6px #0000004d}.prevAnagrams::-webkit-scrollbar-thumb,.anagramEntries::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#888}.previousAnagram,.selectedPreviousAnagram{margin:1rem 0;height:3.5rem;border:.15rem solid rgb(99,123,124);align-items:center;text-align:center;font-size:2.25rem;font-weight:700;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,transform .1s ease}.previousAnagram:hover{background-color:#4e4e4e}.selectedPreviousAnagram:hover{background-color:#577c93}.requestContentContainer{height:calc(100% - 6.5rem);margin-top:1rem;padding:1.5rem 2rem .35rem;background-color:#424449;border-radius:.65rem;border:.1rem solid rgba(255,255,255,.3);box-shadow:0 0 .4rem .05rem #121212b3;overflow:hidden}.anagramsContainer{height:calc(100% - 8rem);margin-top:1.5rem;padding:0 1rem;border:.1rem solid rgba(255,255,255,.3);border-radius:.65rem;background-color:#333339;box-shadow:0 0 .4rem .05rem #121212b3;opacity:0;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards;overflow:hidden}.anagramEntries{height:95%;margin:0;padding:1rem;overflow-y:auto}.requestPanel{height:50rem;width:50rem;margin:4rem 4rem 4rem 1rem;padding:1.5rem;border:.1rem solid rgba(255,255,255,.3);border-radius:.5rem;box-shadow:0 .25rem 2.8rem #0000001a;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:#ffffff1f;transition:.3s ease;overflow:hidden}.requestPanel h1{margin:0}.requestPanel h2{color:#c6c6c6}.requestWord{width:100%;box-sizing:border-box;padding:.75rem;border:.1rem solid rgba(255,255,255,.3);border-radius:.5rem;box-shadow:0 .15rem .3rem .05rem #0006;background-color:#878787;opacity:0;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards}.foundAnagramEntry{display:flex}.foundAnagram,.foundAnagramIndex,.previousAnagram{background-color:#656565}.selectedPreviousAnagram{background-color:#53798a}.foundAnagram,.foundAnagramIndex,.previousAnagram,.selectedPreviousAnagram{width:100%;height:4rem;padding:.75rem;box-sizing:border-box;border-radius:.5rem;box-shadow:0 .15rem .3rem .05rem #0006;opacity:0;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards}.foundAnagramIndex{flex:.05;margin-right:1rem;text-align:center;background-color:#515151;border:.1rem solid rgba(255,255,255,.3)}.foundAnagram{flex:1;border:.1rem solid rgba(255,255,255,.3)}@media screen and (max-width: 850px) and (orientation: portrait){.inputsPanelContent{height:calc(100% - 8rem)}.anagramElements{flex-direction:column-reverse}.inputsPanel{flex:.5;max-height:24rem;width:85%;margin:1rem 4rem 4rem}.inputsPanelContent{flex-direction:row}.inputsGrid{flex:1;padding-top:1.2rem;grid-template-rows:1fr .9fr .6fr .6fr}.anagramHistory{flex:1;margin:1rem .5rem 0 2rem}.frontendCodeBtn{grid-column:1/3}.backendCodeBtn{grid-column:1/3;grid-row:4}.requestPanel{flex:1;width:85%;margin:2rem 4rem 1rem}}@media screen and (max-height: 800px){.requestPanel,.inputsPanel{height:85%}}@media screen and (max-height: 1000px) and (max-width: 600px){.anagramElements{height:82vh}}@media screen and (orientation: landscape){.anagramElements{height:85vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:.5rem;font-size:clamp(.5rem,.4285714285714286rem + .35714285714285715vw,1rem);color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;align-content:center;align-items:center}