.project-body{background:linear-gradient(to bottom,var(--purple2) 40%,var(--cyan))}.project-header{width:100%;height:500px;position:relative;border-bottom:8px solid #0C0C0C;background-color:var(--purple2);z-index:3;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.project-body h2{font-size:var(--ml-text)}.project-body p{margin:0;font-size:var(--tiny-text)}.project-body ul>*{font-size:calc(var(--tiny-text) - .25em)}.project-body li{margin:10px 0}.project-body h4{margin:0;font-size:calc(var(--med-text) - .5em);font-style:italic;font-weight:500}.project-body .layout-info a{color:var(--text-highlight);text-decoration:underline}.project-body .title{text-align:center;position:relative;z-index:2;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}.project-body .title:hover{text-shadow:12px 12px #0C0C0C}.project-body .buttons{display:flex;gap:30px}.project-body .buttons a button{position:relative;z-index:2;background-color:var(--green0);border:#0C0C0C 6px solid;box-shadow:1px 1px #0c0c0c;color:#0c0c0c;font-size:var(--tiny-text);font-weight:600;padding:8px 12px;border-radius:10px;transition:all .3s ease-in-out}.project-body .buttons a button:hover{border-radius:0;transform:scale(1.1);box-shadow:4px 4px #0c0c0c}.project-body .buttons a button:active{transform:scale(.8)}.project-body .header-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}.project-body .layout{position:relative;width:100%;padding:100px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.project-body .layout-info{position:relative;z-index:2;width:600px;display:flex;text-align:left;flex-direction:column;gap:40px}.project-body .layout-info p:has(img){display:flex;flex-direction:column;justify-items:center;align-content:center;gap:20px}@media screen and (max-width:700px){.project-body .layout-info p:has(img){grid-template-columns:1fr;grid-template-rows:1fr;gap:30px}}.project-body img{max-width:600px;border:8px #0C0C0C solid;box-shadow:6px 6px #0c0c0c;transition:all .35s ease-in-out}.project-body img:hover{box-shadow:10px 10px #0c0c0c;transform:scale(.9);border-radius:25px}.project-body img:active{box-shadow:10px 10px #0c0c0c;transform:scale(1.05);border-radius:25px}.project-body .img-container{background-color:var(--green0);width:calc(100% - 12px);height:auto;overflow:hidden;border:8px #0C0C0C solid;box-shadow:6px 6px #0c0c0c;transition:all .35s ease-in-out}.project-body .layout-info .alt-img{object-fit:contain;transform:scaleY(1.02);background-color:#0c0c0c;max-height:unset;border:unset;width:100%;height:100%;transition:all .35s ease-in-out}.project-body .img-container:hover .alt-img{transform:scale(1.1)}.project-body .img-container:hover{box-shadow:10px 10px #0c0c0c}.project-body .fun-fact{width:calc(100% - 80px);background:linear-gradient(to right,var(--cyan) 40%,var(--purple3));color:var(--text-color);border:8px #0C0C0C solid;border-radius:40px;box-shadow:6px 6px #0c0c0c;padding:25px 40px;transition:all .35s ease-in-out}.project-body .fun-fact:hover{transform:scale(1.1);box-shadow:12px 12px #0c0c0c}.project-body .fun-fact h2{font-size:var(--ml-text)}.project-body .fun-fact p{margin-top:24px;font-size:var(--tiny-text)}.project-body .tag-card{cursor:default;user-select:none;padding:8px 12px;border:5px #0C0C0C solid;font-weight:500;transition:all .35s ease-in-out}.project-body .tag-container{display:flex;gap:30px;justify-content:center;align-items:center}.project-body .tag-container p{font-size:var(--tiny-text)}.project-body .tag-card:hover{box-shadow:4px 4px #0c0c0c;transform:scale(1.2)}.project-body .tag-card:active{transform:scale(.8)}.project-body .tag-card:nth-child(n+1){background-color:var(--green3)}.project-body .tag-card:nth-child(2n){background-color:var(--cyan)}.project-body .tag-card:nth-child(3n+1){background-color:var(--purple3)}.project-body .view-more-container a{text-decoration:none}.project-body .view-more{margin-top:30px;display:flex;justify-content:center;align-items:center;text-decoration:none}.project-body .view-more button{font-size:var(--tiny-text);background-color:var(--green0);padding:8px 12px;border:5px #0C0C0C solid;font-weight:500;transition:all .35s ease-in-out}.project-body .view-more button:hover{box-shadow:4px 4px #0c0c0c;transform:scale(1.1)}.project-body .view-more button:active{transform:scale(.8)}.project-body .layout-wave{width:100%;position:absolute;z-index:1;top:0;--start-bot-pos: -55px;--end-bot-pos: -15px;animation:top-bounce 4.5s infinite ease-in-out}.project-body .bottom-wave{width:100%;position:absolute;z-index:1;bottom:0;--start-bot-pos: -15px;--end-bot-pos: -55px;animation:bounce 4.9s infinite ease-in-out}@media screen and (min-width:1100px){.project-body[data-astro-cid-jyp73txy]{--micro-text: 1.1em}}@media screen and (max-width:1000px){.project-body[data-astro-cid-jyp73txy]{--title-text: 6em;--ml-text: 2em;--tiny-text: 1.25em}}@media screen and (max-width:700px){.project-body[data-astro-cid-jyp73txy]{--title-text: 4em;--ml-text: 1.75em;--tiny-text: 1em}.project-header[data-astro-cid-jyp73txy]{height:300px}.project-body[data-astro-cid-jyp73txy] .layout-info[data-astro-cid-jyp73txy]{width:400px}.project-body[data-astro-cid-jyp73txy] ul[data-astro-cid-jyp73txy]>[data-astro-cid-jyp73txy]{font-size:var(--tiny-text)}}@media screen and (max-width:470px){.project-body[data-astro-cid-jyp73txy]{--title-text: 3.5em;--ml-text: 1.75em;--tiny-text: 1em}.project-header[data-astro-cid-jyp73txy]{height:250px}.project-body[data-astro-cid-jyp73txy] .buttons[data-astro-cid-jyp73txy] a[data-astro-cid-jyp73txy] button[data-astro-cid-jyp73txy]{border:#0C0C0C 4px solid}.project-body[data-astro-cid-jyp73txy] .layout-info[data-astro-cid-jyp73txy]{width:300px}}@media screen and (max-width:370px){.project-body[data-astro-cid-jyp73txy]{--title-text: 2.75em;--ml-text: 1.75em}.project-header[data-astro-cid-jyp73txy]{height:175px}.project-body[data-astro-cid-jyp73txy] .title[data-astro-cid-jyp73txy]{-webkit-text-stroke:2px #0C0C0C}.project-body[data-astro-cid-jyp73txy] .layout-info[data-astro-cid-jyp73txy]{width:250px}}