body{font-family:fantasy;margin:0}body,html{font-family:Arial,Helvetica,sans-serif}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:1001}.hamburger .bar{width:28px;height:4px;background-color:#0b0c10;margin:3px 0;border-radius:2px;transition:.3s}.navLinks{display:flex;align-items:center;gap:10px}@media (max-width: 700px){.hamburger{display:flex;position:absolute;right:16px;top:16px}.navLinks{display:none;flex-direction:column;width:100%;background:#45a29e;position:absolute;left:0;top:60px;z-index:1000;box-shadow:0 4px 10px #0002;padding-bottom:10px}.navLinks.open{display:flex}}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:#45a29e;padding:20px 10px;position:sticky;top:0;z-index:999;gap:10px}.header a{color:#0b0c10;text-align:center;padding:12px 16px;text-decoration:none;font-size:1.2rem;line-height:1.2;border-radius:4px;margin:0 10px;transition:background .2s,color .2s}.header a.logo{font-size:2rem;font-weight:700;border:solid black;border-radius:10%;padding:12px 20px}.header a:hover{background-color:#66fcf1;color:#000;cursor:pointer}.contactButton{margin-left:10px}.contactButton a{border:solid black}@media (max-width: 700px){.header{flex-direction:column;align-items:stretch;padding:10px 4px;gap:0}.header a,.contactButton{margin:6px 0;font-size:1rem;width:100%;box-sizing:border-box;display:block}.header a.logo{font-size:1.3rem;padding:10px 0}}html{scroll-behavior:smooth}.content{position:fixed;width:50%;left:23.7%;background:#fff;padding:20px;border-radius:8px;text-align:center;z-index:999;border:solid black}#contactForm{padding:10px}#contactForm label{padding:5px}#contactForm input,#contactForm textarea{padding:5px;margin:5px;border-radius:4px}.content button{border-radius:4px;background-color:#45a29e;width:15%;margin:5px}.content button :hover{background-color:#66fcf1;cursor:pointer}.myPicture{display:flex;justify-content:center;align-items:center;margin:50px auto;width:100%}.myPicture img{border-radius:50%;border:solid #1f2833 8px;width:clamp(140px,40vw,320px);height:clamp(140px,40vw,320px);object-fit:cover;box-sizing:border-box;transition:border .2s;aspect-ratio:1 / 1;max-width:95vw;max-height:95vw}.myPicture img:hover{border:solid #45a29e 8px}@media (max-width: 600px){.myPicture{margin:24px auto}.myPicture img{width:clamp(100px,60vw,180px);height:clamp(100px,60vw,180px)}}.introText{text-align:center;font-size:x-large;margin-left:20%;margin-right:20%}.insideColor{color:#45a29e}.about{background-color:#1f2833;color:#dcdcdc;padding:1% 10%}.skillCard{border:solid #1f2833;border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center}.skillCard:hover{transform:scale(1.1)}.skillsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.skillsContainer{margin:auto;max-width:1000px;padding:40px;text-align:center}.catagoryTitle{border-bottom:solid 2px #45a29e;display:inline-block;font-size:1.8rem;margin:30px 0 20px;padding-bottom:5px}.skills{padding-left:10%;padding-right:10%;padding-top:2%}.projectsGrid{gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.projectsContainer{margin:auto;max-width:1000px;padding:40px;text-align:center}div{display:block}.projects{margin-left:10%;margin-right:10%}.projectsBody{padding-top:2%;background-color:#1f2833;color:#dcdcdc}.projectCard{border-radius:10px;box-shadow:0 4px 10px #0000004d;padding:20px;text-align:center;border:solid #45a29e}.projectCard:hover{transform:scale(1.1)}div{display:block;unicode-bidi:isolate}.projectCard img{height:50%;width:50%}a{color:#fff;text-decoration:none}.foot{text-align:center;padding:1rem 0;background-color:#45a29e;font-size:.9rem;color:#fff}