.welcome{padding-bottom:7rem}.welcome-message{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.about-panel{display:flex;flex-direction:column;gap:1.25rem;padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width:640px){.about-panel{max-width:640px}}@media (min-width:768px){.about-panel{max-width:768px}}@media (min-width:1280px){.about-panel{max-width:1280px}}.about-panel-description-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem}@media (min-width:768px){.about-panel-description-container{flex-direction:row;align-items:flex-start}}.about-panel-description{flex-basis:66.666667%;gap:1.25rem}.about-panel-image-container{display:flex;flex-basis:33.333333%;justify-content:center}.about-panel-image{height:20rem;width:auto;--tw-rotate:-3deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.75rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.about-panel-image:hover{animation:wiggle var(--tw-animate-duration,1s) var(--tw-animate-easing,ease) var(--tw-animate-delay,0s) var(--tw-animate-iteration,1) var(--tw-animate-fill,both);--tw-animate-iteration:2;animation-iteration-count:var(--tw-animate-iteration)}@media (min-width:768px){.about-panel-image{height:-moz-max-content;height:max-content}}.project-panel{display:flex;flex-direction:column;gap:5rem;padding-top:2.5rem;padding-bottom:2.5rem}@media (min-width:640px){.project-panel{max-width:640px}}@media (min-width:768px){.project-panel{max-width:768px}}@media (min-width:1280px){.project-panel{max-width:1280px}}.project-highlight-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.project-highlight-container:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.project-highlight-container{flex-direction:row}}.project-highlight-image-container-left,.project-highlight-image-container-right{display:flex;flex-basis:60%;justify-content:center}.project-highlight-image-container-left{order:2}.project-highlight-image-container-right{order:1}.project-highlight-links-left,.project-highlight-links-right{display:flex;flex-wrap:wrap;gap:1.25rem}.project-highlight-links-left{align-self:center}@media (min-width:768px){.project-highlight-links-left{align-self:flex-start}}.project-highlight-links-right{align-self:center}@media (min-width:768px){.project-highlight-links-right{align-self:flex-end}}.project-highlight-image{height:auto;width:auto;border-radius:1.5rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.project-highlight-image{height:-moz-max-content;height:max-content}}.project-highlight-left,.project-highlight-right{display:flex;flex-basis:40%;flex-direction:column}.project-highlight-left{order:2;text-align:center}@media (min-width:768px){.project-highlight-left{order:1;text-align:start}}.project-highlight-right{order:2;text-align:center}@media (min-width:768px){.project-highlight-right{order:1;text-align:end}}.project-highlight-details{display:flex;flex-direction:column;gap:1.25rem}.project-highlight-tags-left,.project-highlight-tags-right{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.25rem}.project-highlight-tags-left{justify-content:center}@media (min-width:768px){.project-highlight-tags-left{justify-content:flex-start}}.project-highlight-tags-right{justify-content:center}@media (min-width:768px){.project-highlight-tags-right{justify-content:flex-end}}.other-projects-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}@media (min-width:768px){.other-projects-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.other-projects-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.other-project{display:flex;flex-direction:column;gap:1.25rem;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity));padding:2.5rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.other-project:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-color-scheme:dark){.other-project{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}}.other-project-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:1.25rem}.other-project-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}@media (min-width:768px){.other-project-links{justify-content:flex-start}}.contact-panel{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:2.5rem}.contact-panel-description{max-width:640px;text-align:center}.contact-panel-socials{display:flex;flex-direction:row;align-items:center;gap:2.5rem}