@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600&display=swap";
@layer theme{:root,:host{--font-sans:"Work Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Saira Condensed", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.z-10{z-index:10}.col-6{grid-column:6}.col-10{grid-column:10}.col-12{grid-column:12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-3{margin-top:calc(var(--spacing) * 3)}.flex{display:flex}.min-h-full{min-height:100%}.w-4\/5{width:80%}.max-w-\[300px\]{max-width:300px}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.object-cover{object-fit:cover}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-\[50px\]{padding-top:50px}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-\[50px\]{padding-bottom:50px}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-white{color:var(--color-white)}}:root{--primary-color:#fff;--skills-bg:#444;--primary-dark:#111;--gradient-start:#1d284b;--gradient-end:#3350a1;--skill-blue-start:#28284b;--skill-blue-end:#5050a1;--skill-red-start:#4b2828;--skill-red-end:#a15050;--skill-green-start:#284b28;--skill-green-end:#50a150}.gradient-bg{background-image:linear-gradient(to right, var(--gradient-start), var(--gradient-end));overflow-x:clip}.white-bg{background-color:var(--primary-color);overflow-x:clip}.clip-top-down{clip-path:polygon(0 0,100% 50px,100% 100%,0 100%)}.clip-top-up{clip-path:polygon(0 50px,100% 0,100% 100%,0 100%)}.clip-both{clip-path:polygon(0 50px,100% 0,100% 100%,0 calc(100% - 50px))}#intro{background-color:var(--primary-color)}.skills{background-color:var(--skills-bg);color:var(--primary-color)}.skills-bg{background-color:var(--skills-bg);color:var(--primary-color);overflow-x:clip}.projects{background-color:var(--primary-color);color:var(--primary-dark)}.projects *{color:var(--primary-dark)}.projects-bg{background-color:var(--primary-color);color:var(--primary-dark);overflow-x:clip}.skill-card{background-color:var(--primary-dark);height:100%;color:var(--primary-color);filter:drop-shadow(3px 3px 5px var(--primary-dark));border-radius:.5rem;transition:filter .4s;overflow:hidden}.skill-card:hover,.skill-card:focus{filter:drop-shadow(0px 0px 5px var(--primary-dark))}.skill-card-header{width:100%;padding:1.5em 3em}.skill-card-body{height:100%;padding:1.5em 3em}.skill-card.skill-red .skill-card-header{background-image:linear-gradient(to right, var(--skill-red-start), var(--skill-red-end))}.skill-card.skill-blue .skill-card-header{background-image:linear-gradient(to right, var(--skill-blue-start), var(--skill-blue-end))}.skill-card.skill-green .skill-card-header{background-image:linear-gradient(to right, var(--skill-green-start), var(--skill-green-end))}.project-link{height:100%;text-decoration:none;display:block}.project-card{background-position:50%;background-size:cover;border-radius:.5rem;height:100%;min-height:250px;position:relative;overflow:hidden}.project-card-header{background-image:linear-gradient(to right, var(--primary-dark), var(--primary-dark), transparent);width:100%;padding:1.5em 3em;position:relative}.project-card-header:after{content:"";transform-origin:0;background-image:linear-gradient(90deg,#0ff,orange);width:100%;height:3px;transition:transform .2s;display:block;position:relative;transform:scaleX(0)}.project-card:hover .project-card-header:after,.project-card:focus-within .project-card-header:after{transition-delay:.2s;transform:scaleX(1)}.project-card-body{background-image:linear-gradient(to right, var(--primary-dark), var(--primary-dark), transparent);height:100%;padding:1.5em 3em;transition:transform .2s;transform:translateY(100%)}.project-card:hover .project-card-body,.project-card:focus-within .project-card-body{transform:translateY(0)}.profile-img{object-fit:cover;border-radius:50%;width:80%;max-width:300px}.social-link{margin:0 .5em;font-size:2rem;transition:transform .2s;display:inline-block}.social-link:hover{transform:scale(1.1)}.facebook-link{color:#3350a1}.twitter-link{color:#87ceeb}.instagram-link{color:orange}.email-link{color:#333}#itop{height:150px}.text-lg,.icontent{font-size:1.25em}.text-sm{font-size:.9rem}.banner{color:var(--primary-color)}.tiny-text{font-size:.5em}.clipped{overflow-x:clip}