body{background:linear-gradient(to right,var(--green1) 40%,var(--green0))}.title{width:fit-content;font-size:var(--title-text);-webkit-text-stroke:3px #0C0C0C;text-shadow:6px 6px #0C0C0C;font-weight:800;transition:all .25s ease-out}.title:hover{text-shadow:12px 12px #0C0C0C}header{position:relative;overflow:hidden;padding:0 0 0 10%;height:800px;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "blurb graphics";gap:20px;justify-items:start;align-items:flex-start}header h1{position:relative;z-index:3;padding:5% 0 0;grid-area:title}header p{position:relative;z-index:3;grid-area:blurb;width:400px;padding:1.5em;background:linear-gradient(to top,var(--purple1) 40%,var(--purple2));border:#0C0C0C 10px solid;border-radius:50px;box-shadow:5px 5px #0c0c0c;font-size:var(--med-text);font-weight:500;transition:all .35s ease-in-out;text-align:center}header p:hover{box-shadow:15px 15px #0c0c0c;transform:scale(1.07)}header .graphic{z-index:2;grid-area:graphics;position:relative;bottom:0}header .graphic img{position:relative;z-index:2;bottom:0;width:700px;height:680px;--start-bot-pos: -35px;--end-bot-pos: -15px;animation:bounce 4.5s infinite ease-in-out}.funny-shapes{position:absolute;z-index:1}.funny-shapes:nth-child(odd){--rotate-start: 0deg;--rotate-end: 360deg;width:190px;height:190px;transition:all .35s ease-in-out;animation:spin 4.5s infinite linear}.funny-shapes:nth-child(2n){--rotate-start: 360deg;--rotate-end: 0deg;width:160px;height:160px;animation:spin 4.5s infinite linear}.logo{left:-10px;bottom:650px}.square-circle{left:500px;bottom:250px}.star{left:400px;bottom:550px}.hexagon{left:-100px;bottom:300px}.diamond{left:-200px;bottom:130px}.background-svg{position:absolute;z-index:1;height:100%;left:0;--start-left-pos: -55px;--end-left-pos: -15px;animation:bounce 4.5s infinite ease-in-out}.skill-section{overflow:hidden;position:relative;background:linear-gradient(to top,var(--purple3) 10%,var(--purple2));border-top:8px solid #0C0C0C;display:flex;flex-direction:column;padding:0 10% 5%}.skill-section h1{padding-top:5%;position:relative;z-index:2}.skill-section ul{padding:0;position:relative;z-index:2;margin-top:3%;width:100%;list-style:none;display:flex;gap:6%;flex-wrap:wrap}.skill-item{margin:30px 0;position:relative;z-index:2;background-color:var(--green0);border:#0C0C0C 6px solid;box-shadow:4px 4px #0c0c0c;color:#0c0c0c;font-size:var(--med-text);font-weight:600;padding:8px 12px;transition:all .25s ease-in-out}.skill-item:nth-child(odd){background-color:var(--green0);border-radius:15px}.skill-item:nth-child(2n){background-color:var(--purple1);color:var(--text-color)}.skill-item:hover{border:var() 6px solid;box-shadow:8px 8px #0c0c0c;border-radius:15px;transform:scale(1.3)}.skill-item:nth-child(odd):hover{border-radius:0}.skill-item:active{transform:rotate(180deg) scale(.8)}.skills-wave{height:120%;padding:0;position:absolute;z-index:1;right:0;--start-left-pos: -55px;--end-left-pos: -15px;animation:right-bounce 4.5s infinite ease-in-out}.experience{height:100%;overflow:hidden;position:relative;background:linear-gradient(to left,var(--purple2) 20%,var(--cyan));border-top:8px solid #0C0C0C;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "one two";column-gap:5%;padding:0 10% 5%}.experience h1{grid-area:title;padding-top:5%;position:relative;z-index:2}.exp-card{position:relative;z-index:2;min-height:200px;width:calc(100% - 19px);margin-top:8%;border:#0C0C0C 9px solid;border-radius:25px;box-shadow:6px 6px #0c0c0c;display:flex;flex-direction:column;transition:all .3s ease-in-out}.exp-card:nth-child(n+1){background:linear-gradient(to right,var(--purple2) 20%,var(--purple1))}.exp-card:nth-child(odd){background:linear-gradient(to top,var(--purple0) 20%,var(--purple2))}.exp-card:nth-child(3n+1){background:linear-gradient(to left,var(--purple2) 20%,var(--purple1))}.exp-card:hover{transform:scale(1.05);border-radius:0;box-shadow:12px 12px #0c0c0c}.exp-card h3{padding:4% 10% 0;font-size:var(--ml-text);border-radius:15px 15px 0 0}.exp-card ul{height:100%;padding:3% 10% 4%;font-size:var(--tiny-text);font-weight:400;display:flex;flex-direction:column;justify-content:space-between;list-style:none;border-radius:0 0 15px 15px;gap:30px}.exp-card button{background-color:var(--green0);border:#0C0C0C 6px solid;color:#0c0c0c;font-size:var(--micro-text);font-weight:600;padding:8px 12px;border-radius:10px;transition:all .3s ease-in-out}.exp-card button:hover{border-radius:0;transform:scale(1.1)}.exp-card button:active{transform:scale(.8)}.exp-wave{width:100%;padding:0;position:absolute;z-index:1;left:0;--start-bot-pos: -55px;--end-bot-pos: -15px;animation:bounce 4.5s infinite ease-in-out}.hobbies{height:100%;overflow:hidden;position:relative;z-index:0;background:linear-gradient(to left,var(--purple0) 20%,var(--purple2));border-top:8px solid #0C0C0C;padding:0 10% 5%}.hobbies h1{padding-top:5%;position:relative;z-index:3}.hobby-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:15%}.hobby-card{margin-top:8%;position:relative;justify-self:center;width:250px;height:250px;transition:all .35s ease-in-out;display:flex;justify-content:center;align-items:center;border:8px solid #0C0C0C;box-shadow:6px 6px #0c0c0c;background-color:var(--purple0)}.hobby-card p{text-align:center;padding:5% 10%;font-size:var(--ml-text);font-weight:700;margin:0;opacity:0;position:absolute;z-index:3;transition:all .35s ease-in-out}.hobby-card img{background-color:var(--green0);width:100%;height:100%;position:relative;top:0;left:0;z-index:2;transition:all .35s ease-in-out}.hobby-card:hover{transform:scale(1.1);border-radius:25px}.hobby-card:hover p{opacity:1}.hobby-card:hover img{opacity:.5;border-radius:15px}.hobby-wave{position:absolute;z-index:-1;width:100%;top:0;--start-bot-pos: -55px;--end-bot-pos: -15px;animation:top-bounce 4.5s infinite ease-in-out}@media screen and (max-width:1380px){body{--title-text: 7em;--ml-text: 2.25em;--med-text: 2em;--tiny-text: 1.25em}header[data-astro-cid-kh7btl4r]{height:1100px;padding:0 10%;grid-template-columns:1fr;grid-template-areas:"title" "blurb" "graphics";gap:20px}header[data-astro-cid-kh7btl4r] p[data-astro-cid-kh7btl4r]{width:calc(100% - 3em);justify-self:center}}@media screen and (max-width:900px){body{--title-text: 5em;--ml-text: 1.75em;--med-text: 1.5em;--tiny-text: 1.25em}header[data-astro-cid-kh7btl4r]{height:800px}header[data-astro-cid-kh7btl4r] .graphic[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{position:relative;z-index:2;bottom:0;width:500px;height:480px}}@media screen and (orientation:portrait){header[data-astro-cid-kh7btl4r] h1[data-astro-cid-kh7btl4r]{justify-self:center}.skill-section[data-astro-cid-kh7btl4r]{justify-content:center;align-items:center}.experience[data-astro-cid-kh7btl4r] h1[data-astro-cid-kh7btl4r],.hobbies[data-astro-cid-kh7btl4r] h1[data-astro-cid-kh7btl4r]{text-align:center}.hobby-card[data-astro-cid-kh7btl4r]:nth-child(odd){border-radius:25px}.hobby-card[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{opacity:.5;border-radius:15px}.hobby-card[data-astro-cid-kh7btl4r] p[data-astro-cid-kh7btl4r]{opacity:1}}@media screen and (max-width:650px){body{--title-text: 3em;--ml-text: 1.75em;--med-text: 1em;--tiny-text: 1em}.title[data-astro-cid-kh7btl4r]{-webkit-text-stroke:2px #0C0C0C;text-shadow:4px 4px #0C0C0C}header[data-astro-cid-kh7btl4r]{height:550px}header[data-astro-cid-kh7btl4r] .graphic[data-astro-cid-kh7btl4r] img[data-astro-cid-kh7btl4r]{width:300px;height:280px}header[data-astro-cid-kh7btl4r] p[data-astro-cid-kh7btl4r]{font-weight:400}.funny-shapes[data-astro-cid-kh7btl4r]:nth-child(odd){width:120px;height:120px}.funny-shapes[data-astro-cid-kh7btl4r]:nth-child(2n){width:90px;height:90px}.logo[data-astro-cid-kh7btl4r]{left:-50px;bottom:200px}.square-circle[data-astro-cid-kh7btl4r]{left:200px;bottom:100px}.star[data-astro-cid-kh7btl4r]{left:100px;bottom:300px}.hexagon[data-astro-cid-kh7btl4r]{left:-50px;bottom:50px}.diamond[data-astro-cid-kh7btl4r]{left:20px;bottom:400px}.hobbies[data-astro-cid-kh7btl4r]{grid-template-columns:1fr;grid-template-areas:"title" "one" "two" "three"}.hobby-card[data-astro-cid-kh7btl4r]{width:175px;height:175px}.skill-item[data-astro-cid-kh7btl4r]{border-width:4px}}