@import"https://fonts.googleapis.com/css2?family=Courgette&display=swap";@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";*{box-sizing:border-box}main{display:flex;flex-direction:column;align-items:stretch;height:100%}.about-me{display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;color:#000036;justify-content:space-evenly;filter:drop-shadow(0 0 1.2px #ad4e3e)}.name-section{display:flex;justify-content:center;flex-direction:column;width:75rem;max-width:100%;padding:1.5rem}.picture-section h1{font-family:Courgette,cursive;font-size:2.45rem;margin-bottom:.5rem}.picture-section h2{margin-top:0;font-size:2rem}.picture-section{padding:1.5rem;flex-shrink:0;width:25rem;display:flex;flex-direction:column;justify-items:center;align-items:center}.picture-section img{border-radius:50%;aspect-ratio:1/1;width:100%;object-fit:cover;object-position:top}.contact-me{display:flex;gap:2rem}.social-icon:hover{filter:drop-shadow(0 0 10px #ad4e3e)}.statement-section{font-size:1.5rem;margin-top:0}.statement-section:last-of-type{margin-bottom:0}.statement-section:nth-of-type(2n){text-align:right;border-right:2px solid #ad4e3e;padding:0 1rem 0 2rem}.statement-section:nth-of-type(odd){text-align:left;border-left:2px solid #ad4e3e;padding:0 2rem 0 1rem}@media (max-width: 1080px){.about-me{flex-direction:column;height:auto;align-items:center;font-size:1rem}.picture-section h1{font-size:2rem;margin-bottom:.5rem}.picture-section h2{font-size:1.2rem}.name-section{padding:.2rem}.statement-section{font-size:1.2rem}}.my-projects-container{position:relative;margin-top:.5rem}.my-projects{width:100%;height:100%;overflow-x:hidden;display:flex;gap:1rem;scroll-behavior:smooth;overflow:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.my-projects::-webkit-scrollbar{display:none}.project-image{height:75%}img{width:100%}.my-projects-container button{border:none;position:absolute;z-index:10;top:0;bottom:0;width:calc(75px + 2vw);display:flex;justify-content:center;align-items:center;font-size:3rem;cursor:pointer}.my-projects-container button.hidden{display:none}.my-projects-container button:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:opacity .25s;pointer-events:none}.my-projects-container button:hover:after{opacity:.5}.my-projects-container button:active:after{opacity:1}.my-projects-container .left-arrow{color:#000036;left:0;background:linear-gradient(to right,#ad4e3e,#0000)}.my-projects-container .left-arrow:after{background:linear-gradient(to right,#ad4e3e,#0000)}.my-projects-container .right-arrow{color:#000036;right:0;background:linear-gradient(to right,#0000,#ad4e3e)}.my-projects-container .right-arrow:after{background:linear-gradient(to right,#0000,#ad4e3e)}.project-tile{background-image:url(/My-Portfolio/assets/Backgrounds/card-background.jpg);background-size:cover;border-radius:2%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:1rem;height:100%;width:30vw;max-width:90vw;transition:filter .25s}.project-tile img{max-width:100%;height:20rem;object-fit:contain;background-color:#333a}.project-tile:hover{filter:drop-shadow(0 0 10px #333)}a{text-decoration:none;color:#000036;font-family:Kalam,cursive;font-weight:700;font-style:normal}.project-details{height:100%}@media (max-device-width: 1080px){.project-tile{width:50vw}}@media (max-device-width: 768px){.my-projects-container .right-arrow,.my-projects-container .left-arrow{display:none}.project-details h1{font-size:2rem;margin-bottom:.2rem}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}