:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}a{text-decoration:inherit}body{margin:auto;width:45vw;min-width:320px;height:150vh;background-color:#111}html{scroll-behavior:smooth}.navBar{width:100%;min-width:300px;height:70px;top:0;margin:auto;display:block;box-sizing:border-box;padding-top:1.15vw;background-color:#11111180;position:fixed}.navBar a{margin:0 0 0 20px;font-size:22px;font-weight:550;color:#a6a6a6}.navBar a:hover{color:#fff}.navBar a.home{margin-left:0}a{color:#fff}.flarie{color:#52b4e8;font-weight:600}.wave{animation:waveAnimaion 1.5s linear infinite alternate;display:inline-block}.wave:hover{animation-duration:.4s}@keyframes waveAnimaion{0%{transform:rotate(0)}to{transform:rotate(60deg)}}@keyframes rotate{25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(-20deg)}to{transform:rotate(0)}}.rotate{transition:transform 1s ease}.rotate:hover{transform:rotate(360deg)}.text{margin-top:90px;color:#fff}.text h1{font-size:30px}.text h2{font-size:20px;font-weight:100;margin-top:-15px}.line1{margin-top:20px}.pfp{width:150px;margin-right:20;float:right;margin-top:-230px;border-radius:20px;border:2px solid white;transition:transform 2s ease}.pfp:hover{border-color:#52b4e8;cursor:pointer}.socials{display:flex;margin-top:30px;width:300px;height:70px}.fa-brands{font-size:50px;margin-left:20px}.fa-brands.fa-square-github{margin-left:0}.fa-solid{font-size:50px;margin-left:20px;cursor:pointer}.fa-solid.fa-copy{font-size:44px;color:#00a906;margin-top:3px;display:block}.fa-solid.fa-copy:hover{cursor:not-allowed}@media (max-width: 1111px){.text h1{font-size:32px}.text h2{font-size:22px;font-weight:100;margin-top:-15px}.line1{margin-top:300px}.pfp{width:150px;margin-right:20;float:left;margin-top:10px;border-radius:20px;border:2px solid white;margin-left:auto;margin-right:auto}.socials{margin-top:10px;width:300px;height:70px;display:block;justify-content:space-between;align-items:center}.fa-brands{font-size:50px;margin-left:20px}.fa-brands.fa-square-github{margin-left:0}.fa-solid{font-size:50px;margin-left:20px}.fa-solid.fa-copy{font-size:44px;margin-left:20px;cursor:not-allowed;display:inline}}@media (max-width: 700px){.fa-solid.fa-copy{font-size:36px;margin-left:10px;cursor:not-allowed;display:inline}.text h1{font-size:20px}.text h2{font-size:17px;font-weight:100;margin-top:-15px}.line1{margin-top:210px}.pfp{width:120px;margin-right:20;float:left;margin-top:0;border-radius:20px;border:2px solid white;margin-left:auto;margin-right:auto}.socials{margin-top:10px;width:300px;height:70px;display:block;justify-content:space-between;align-items:center}.fa-brands{font-size:40px;margin-left:10px}.fa-brands.fa-square-github{margin-left:0}.fa-solid{font-size:40px;margin-left:10px}}.tech-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(10vw,1fr))}.arrow{font-weight:500;color:#52b4e8;cursor:pointer;display:inline-block}.tech-card{display:flex;justify-content:left;align-items:center;aspect-ratio:3 / 1;border:1px solid #ccc;border-radius:1rem;background:#fff;box-shadow:0 2px 6px #0000001a;transition:all .2s ease-in-out;transition:transform .5s ease}@keyframes upAndDown{0%{transform:translateY(0)}10%{transform:translateY(-10px)}20%{transform:translateY(0)}to{transform:translateY(0)}}.techHeader{color:#fff;display:block}.tech-card:hover{transform:translateY(-10px);cursor:pointer}.tech-card.index-0:hover{box-shadow:0 4px 12px #e96127}.tech-card.index-1:hover{box-shadow:0 4px 12px #006cb4}.tech-card.index-2:hover{box-shadow:0 4px 12px #cdb22e}.tech-card.index-3:hover{box-shadow:0 4px 12px #3178c6}.tech-card.index-4:hover{box-shadow:0 4px 12px #00d1f7}.tech-card.index-5:hover{box-shadow:0 4px 12px #7cb700}.tech-card.index-6:hover{box-shadow:0 4px 12px #e84d31}.tech-card.index-7:hover{box-shadow:0 4px 12px #f5d853}.skillText{font-size:15px;font-weight:500;margin-left:10px;color:#000}.skillText.index-3{margin-left:7px}.fa-brands.fa-html5{font-size:30px;margin-top:5px;color:#e96127;margin-left:10px}.fa-brands.fa-css3-alt{font-size:30px;margin-top:5px;color:#006cb4;margin-left:10px}.fa-brands.fa-js{font-size:30px;margin-top:5px;color:#cdb22e;margin-left:10px}.devicon-typescript-plain{font-size:27px;margin-top:5px;color:#3178c6;margin-left:10px;display:block}.fa-brands.fa-react{font-size:30px;margin-top:5px;color:#00d1f7;margin-left:10px}.fa-brands.fa-node-js{font-size:30px;margin-top:5px;color:#7cb700;margin-left:10px}.fa-brands.fa-git-alt{font-size:30px;margin-top:5px;color:#e84d31;margin-left:10px}.fa-brands.fa-python{font-size:30px;margin-top:5px;color:#366e9c;margin-left:10px}@media (max-width: 1111px){.techHeader{font-size:32px}.tech-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15vw,1fr))}}@media (max-width: 700px){.techHeader{font-size:22px}.tech-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(20vw,1fr))}}