#wrapper,*{box-sizing:border-box}#wrapper,body,header{background-color:#f4f6fc}header,nav{position:sticky;width:100%}main#contactpage,main#freebiespage,main#homepage,main#projectspage,main#skillspage{grid-area:content;background-image:url(../imgs/pattern03.png);background-repeat:repeat}section.landscape img,section.portrait img{border-radius:3px;box-shadow:0 0 15px 1px #b5d33f}article#download-products section,main#projectspage section{min-height:338px;width:600px;padding:2%;box-shadow:0 0 15px 5px #b5d33f}#more-projects p,#submit{font-size:1em;text-align:center}#submit:hover,.explore-button:hover{transition:box-shadow .5s}#contactpage table,#submit:hover,main#skillspage article section,section.landscape img,section.portrait img{box-shadow:0 0 15px 1px #b5d33f}.explore-button,.skip-link,footer a,nav a{text-decoration:none}footer a,footer h3,footer p{margin-bottom:1%}footer section#contact h4,input,select,textarea{margin-top:2%}@font-face{font-family:open-sauce-bold;src:url('../fonts/OpenSauceOne-Bold.woff2') format('woff2'),url('../fonts/OpenSauceOne-Bold.ttf') format('truetype');font-display:swap}@font-face{font-family:open-sauce-light;src:url('../fonts/OpenSauceOne-Light.woff2') format('woff2'),url('../fonts/OpenSauceOne-Light.ttf') format('truetype');font-display:swap}@font-face{font-family:gentium;src:url('../fonts/gentium-regular.woff2') format('woff2'),url('../fonts/gentium-regular.ttf') format('truetype');font-display:swap}*{font-family:open-sauce-light;font-size:16px;color:#232321;margin:0;padding:0}#wrapper{max-width:1600px;min-height:100vh;margin:0 auto;display:grid;padding:0 4%;grid-template-areas:"banner" "navbar" "content" "footer";grid-template-columns:1fr;grid-template-rows:140px 55px minmax(500px,auto) minmax(250px,auto)}::selection{background-color:#b5d33f;color:#5d3fd3}:is(h1,h2,h3,h4){font-family:gentium;color:#5d3fd3}h1{font-family:gentium;font-size:3em}a,label span.tooltip,label#policy,p{font-family:open-sauce-light}h2{font-size:2.5rem;margin-bottom:2%}a,p{font-size:14px}header{grid-area:banner;top:0;padding:2%;place-items:center}header a,header a img{display:block;text-align:center;height:100px;width:100px}.skip-link{position:absolute;top:-50px;left:20px;background:#7b4dff;color:#fff;padding:12px 20px;font-weight:700;z-index:1000;transition:.3s}#submit,.explore-button,.explore-button:hover,article#download-products section,main#contactpage form fieldset,main#projectspage section,main#skillspage article section,nav{background-color:#f4f6fc}.skip-link:focus{top:20px}nav{grid-area:navbar;z-index:9999;top:140px;padding:1% 0;box-shadow:0 10px 6px -4px #b5d33f}nav ul{list-style:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}nav a{display:block;font-family:gentium;font-weight:700;font-size:2rem;color:#5d3fd3}nav a:hover{color:#b5d33f;transition:color .2s}main#homepage{min-height:500px;text-align:left;margin:2%;padding:2%}main#freebiespage,main#projectspage,main#skillspage{padding:2%;margin:2%}main#contactpage{width:100%;margin:2% auto;padding:2%}main#homepage h1{font-family:gentium;margin-top:2%;font-size:6rem;text-align:left;padding-left:2%}main#homepage article{max-width:100%;min-height:500px;margin:3% auto 5%;padding:0 2%}main#homepage article h2{font-family:gentium;margin:2% 3%;font-size:3em}main#homepage article p.about-me{max-width:650px;font-size:1.5rem;margin-bottom:4%;display:inline-block;vertical-align:top}main#homepage article p.about-me::first-letter{font-size:2em;color:#b5d33f;font-family:Georgia}main#homepage article img.square{width:300px;height:300px;margin:2% 0 2% 15%}main#homepage section a{font-size:1.5rem;margin:5% 2% 5% 0;display:inline-block}main#homepage section a:hover{color:#5d3fd3;background:#b5d33f;height:70px}main#homepage article#artworks{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:left;align-items:flex-start;max-width:100%;min-height:500px;gap:.5%;margin-bottom:10%}article#artworks h2{flex-basis:100%;text-align:center}article#artworks section{margin-bottom:3%;padding:1% 2%}section.portrait{width:350px;height:474px;margin-bottom:5%}section.landscape{width:474px;height:350px;margin-bottom:5%}section.landscape img{width:424px;height:300px}section.portrait img{width:300px;height:424px}article#download-products section:hover,main#projectspage section:hover,main#skillspage article section:hover,section.landscape img:hover,section.portrait img:hover{box-shadow:0 0 15px 1px #5d3fd3;transition:box-shadow .5s}#artworks section h3{font-size:1.25em;margin-left:2.5%;margin-top:4%}#more-projects{width:100%;height:500px}#more-projects h2{margin:2%;text-align:center}#more-projects p{display:block;margin:3% auto;max-width:500px}.explore-button{display:block;font-family:gentium;width:200px;height:50px;text-align:center;font-weight:600;font-size:1.2em;color:#5d3fd3;box-shadow:0 0 50px 10px #5d3fd3;border-radius:5px;margin:5% auto;padding:15px}.error,.success{font-size:.8rem;font-weight:600}.explore-button:hover{box-shadow:0 0 50px 10px #b5d33f;color:#b5d33f}main#projectspage h1,main#skillspage h1{padding-top:2%;text-align:center}main#skillspage article{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;text-align:left;margin:2% auto 4%;gap:1%}main#skillspage article h2{flex-basis:100%;font-size:1.5em;margin-bottom:2.5%;text-align:center}main#skillspage article section{width:325px;min-height:450px;padding:2%;margin:4% auto}main#skillspage section h3{font-family:gentium;font-size:1.5em;text-align:center}main#skillspage article section img{display:block;width:200px;height:200px;place-items:center;margin:10% auto}main#skillspage article section h4{margin:2% 0;font-size:1.2em}main#skillspage section li{list-style:square inside;padding:1% 0;font-size:.85em}main#skillspage section p{padding:4% 0;text-align:left}main#projectspage article{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1%;margin-bottom:4%;width:100%}main#projectspage article h2{font-family:gentium;text-align:center;flex-basis:100%;font-size:1.5em;padding:2% 0}main#projectspage section{margin:0 auto 4%}main#projectspage section h3{padding-bottom:2%}main#projectspage section img{width:300px;height:300px;margin-right:4%;float:left}article#download-products section p,main#projectspage section p{padding:2% 0 2% 2%}main#contactpage h1,main#freebiespage h1{margin:2% 0;text-align:center}article#download-products{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2%;margin-bottom:4%;width:100%}article#download-products h2{flex-basis:100%;font-size:1.5em;text-align:center}article#download-products section{margin:2% auto}article#download-products section img{width:300px;height:300px;display:block;float:left;margin-right:4%}article#download-products section a{margin:3% 2% 2% 0}main#contactpage h2{font-size:1.5em;margin:2% 0;text-align:center}main#contactpage form{max-width:600px;margin:2% auto 1%;padding:2%}main#contactpage form fieldset{display:flex;flex-direction:column;padding:4%;width:100%;min-width:95%;border:none;box-shadow:0 0 15px 5px #b5d33f}main#contactpage form fieldset legend{font-family:gentium;font-weight:700;color:#5d3fd3;background-color:#f4f6fc;box-shadow:0 0 15px 5px #b5d33f;width:200px;height:45px;padding:2% 4% 1%;font-size:1.4rem}main#contactpage form fieldset p{margin:1% 0}label{display:block;font-family:gentium;font-size:1.5em;font-weight:600;padding:2% 1% 1%;color:#5d3fd3;width:100%}label span.tooltip{display:inline-block;vertical-align:top;visibility:hidden;font-size:.5em;width:250px;padding:.5em;margin-left:2%;font-weight:400;text-align:left;color:#fff;background-color:#88a61b}#submit:hover,footer a:hover{color:#b5d33f}label:hover span.tooltip{visibility:visible}input,select{width:100%;height:30px;border:none;outline:0;border-bottom:1px solid #000;background-color:transparent}input:focus,select:focus{border-bottom:1px solid #88a61b;color:#5d3fd3}input#email{margin-bottom:4%}label#policy{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:left;gap:2%;font-size:.75em}#contactpage caption,#contactpage td:first-child,#submit{font-family:gentium;color:#5d3fd3}label#policy input#terms{height:12px;width:12px;margin:.65%;padding:0}textarea{width:100%;height:200px;padding:1%;resize:none;overflow:scroll;overflow-x:hidden;background-color:#f5f5f5}#submit{margin:2%;width:125px;height:30px;line-height:20px;box-shadow:0 0 15px 1px #5d3fd3;font-weight:700;border-radius:5px;border:none}label.error,label.success{color:#5d3fd3;font-size:1.15em}.error{color:#d92525}span.error,span.success{padding-left:0}.success{color:green}#contactpage table{background-color:#f4f6fc94;text-align:left;max-width:600px;max-height:300px;margin:2% auto;padding:8%;table-layout:auto}#contactpage caption{text-align:left;padding:5% 0;margin:1% auto;font-size:1.5em;font-weight:600}#contactpage td:first-child{width:30%;font-weight:700;font-size:1.1rem;padding-bottom:2%}#contactpage td:nth-child(2){width:70%}#contactpage article{max-width:545px;margin:2% auto 5%;padding:1% 2%;text-align:left}#contactpage article h2{font-size:1.5em;text-align:left;margin-bottom:4%}iframe{width:100%;box-shadow:0 0 15px 5px #b5d33f}footer{grid-area:footer;display:grid;grid-template-columns:1fr 2fr;box-shadow:0 -10px 3px -4px #b5d33f;padding:4% 2%}footer p{color:#5d3fd3}footer a{color:#5d3fd3;display:block;font-size:.9rem}footer section#contact{text-align:left;min-height:200px;min-width:200px}footer section#contact ul{list-style-type:none;list-style-position:inside}footer section#copyright{text-align:right}footer section#copyright img{width:250px;height:33px;margin-bottom:3%}@media screen and (max-width:845px){header,nav{position:static;top:auto}main#skillspage article h2,nav{margin-bottom:5%}article#download-products section h3,main#projectspage section h3,nav ul{padding-bottom:2%}#wrapper{grid-template-rows:140px minmax(55px,auto) minmax(500px,auto) minmax(250px,auto)}header{display:block;padding:2%;margin:2% auto}nav{background-color:#f4f6fc;box-shadow:0 10px 6px -4px #b5d33f}nav ul{flex-direction:column;flex-wrap:wrap;align-items:center}main#homepage h1{margin-top:2%;font-size:4rem}main#homepage article h2{font-size:1.75em;margin:5% 0}main#homepage article p.about-me{margin-bottom:1%;display:inline-block;vertical-align:top;font-size:1em}main#homepage article img.square{display:block;margin:15% auto 20%;width:150px;height:150px}article#artworks{flex-direction:column}article#artworks h2{text-align:center}article#artworks section{padding:8%}section.portrait{width:303px;height:440px}section.landscape{width:303px;height:267px}section.portrait img{width:250px;height:350px;margin-bottom:2%}section.landscape img{width:250px;height:177px;margin-bottom:2%}article#artworks section h3{font-size:1.2em;margin-left:2.5%;margin-bottom:10%}article#more-projects{width:100%;min-height:500px;margin:10% auto}article#more-projects h2{margin:20%}article#more-projects p{text-align:center;max-width:500px;font-size:.8em;margin-bottom:10%}.explore-button{width:100px;height:40px;font-size:1em;padding:10px}main#skillspage article{margin:2% auto 15%}main#skillspage article section{padding:5% 10%;margin-bottom:10%}main#projectspage article h2{padding:2% 0 4%}main#projectspage section{width:350px;min-height:500px;margin:2% auto 15%;padding:4%}main#projectspage section img{margin-bottom:4%;width:300px;height:300px;float:none}article#download-products section p,main#projectspage section p{padding:2% 0}article#download-products section{min-height:500px;width:350px;margin:2% auto 15%;padding:4.5%}article#download-products section img{margin-bottom:4%;float:none}article#download-products section a{margin:3% 2% 2% 0}footer{grid-area:footer;display:grid;grid-template-areas:"navlinks" "banner";grid-template-rows:2fr 1fr;grid-template-columns:1fr}footer a{text-decoration:none}footer section#contact{text-align:center;min-height:200px;min-width:200px;padding:2%}footer section#copyright{text-align:center;margin-top:5%}}