#down-arrow{position:relative;z-index:1}.clickable-icon{height:3rem;width:3rem}.clickable-icon:hover{transform:scale(1.1)}.about-section{background-color:#fff;width:75%;padding:2rem;margin:2rem auto;text-align:center}@media screen and (min-width:1280px){.about-section{width:50%}}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:inside}.skills-list li{box-sizing:border-box;width:auto;margin:0 2rem}li{line-height:2;position:relative}li::marker{color:#242d57}.skills-icon{height:2rem}.detail{padding:1rem 3rem 0}.padded{padding:1rem 0}.formspree-form{display:flex;flex-direction:column;text-align:center;color:#000;margin:1rem;gap:1rem}.formspree-form input,textarea{background:#fff;padding:12px;border:1px solid #e3e3e3;width:100%;box-sizing:border-box;-webkit-transition:border-color ease-out .3s;transition:border-color ease-out .3s;font-family:Garamond Cormorant,sans-serif}.formspree-form input:focus,textarea:focus{outline:none;border-color:#1677be;-webkit-transition:border-color ease .3s;transition:border-color ease .3s}.formspree-form textarea::placeholder{font-family:Garamond Cormorant,sans-serif;font-style:inherit;color:inherit;font-weight:inherit;opacity:.7}.formspree-field{display:flex;flex-wrap:wrap;justify-content:center}.submit-container{display:flex;align-items:end}@media only screen and (min-width:768px){.formspree-field{align-items:start;gap:1rem}.formspree-textarea{flex:1}.submit-container{justify-content:flex-start}}#projects{display:flex;flex-direction:column;align-items:center;padding:2rem 0}.projects-grid{display:flex;justify-content:center;flex-wrap:wrap;max-width:75%;margin:2rem auto;gap:2rem}.category-title-container{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;width:100%;flex:1 0 200px;margin:.5rem;position:relative;overflow:visible;padding:1rem;border-radius:15px}.project-card{display:flex;flex-direction:column;border:1px solid #ccc;text-align:center;background-color:#fff;color:#000;flex:1 0 200px;margin:.5rem;border-radius:15px;box-shadow:0 0 10px #0000001a;position:relative;overflow:visible}.content-wrapper{position:relative;border-radius:15px;overflow:hidden;flex-grow:1;display:flex;flex-direction:column}.image-section{display:flex;flex:1;color:#000;position:relative}.image-section img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}.body-section{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.with-image{position:absolute;bottom:0;left:0;right:0;background-color:#0000;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;z-index:5;transition:background-color .3s ease,color .3s ease}@media(hover:hover){.project-card:hover .with-image{transition:background-color .3s ease}}@media(hover:hover){.project-card:hover .with-image{background-color:#000c;color:#fff}}@media(hover:none){.with-image{background-color:#000000b3;color:#fff}}.icon-overlay{position:absolute;top:-2rem;right:-2rem;max-width:8rem;max-height:8rem;z-index:10}.title-section{background-color:#0000000d;padding:1rem;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:center}.title-container{display:flex;align-items:center;justify-content:center;width:100%}.body-section{padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.with-image p,.with-image .button{visibility:hidden;opacity:0}.button,.with-image p{transition:visibility .3s ease,opacity .3s ease}@media(hover:hover){.project-card:hover .with-image .button,.project-card:hover .with-image p{visibility:visible;opacity:1}}@media(hover:none){.with-image .button,.with-image p{visibility:visible;opacity:1}}.project-feature-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:20px;padding:2rem;margin:auto;width:75%;text-align:center;align-items:start}.portrait-container{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center;align-items:center}.portrait-image{max-width:100%;height:auto;object-fit:contain;max-height:70vh}.landscape-container{grid-column:1;grid-row:1;display:flex;justify-content:center;align-items:center}.landscape-image{max-width:100%;height:auto;object-fit:contain}.callout{grid-column:1;grid-row:2;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px;max-width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.callout a{color:#007bff}.callout a:hover{text-decoration:none;color:#0056b3}.callout .button{padding:10px 20px;margin:10px 0;width:fit-content;color:#fff!important;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;opacity:1;visibility:visible;text-decoration:none;display:inline-block}.callout .button:hover{background-color:#0056b3;color:#fff!important;text-decoration:none}@media screen and (min-width:1280px){.project-feature-section{width:50%}}@media(max-width:767px){.project-feature-section{grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.portrait-container,.landscape-container,.callout{grid-column:1}.portrait-container{grid-row:1}.callout{grid-row:2}.landscape-container{grid-row:3}}