*,:after,:before{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body{vertical-align:baseline;border:0;font-size:100%;list-style-type:none}ul,ol{list-style-type:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}:root{--light:#ddd;--dark:#222;--cor1:#8d6775;--cor2:#648888;--cor3:#738860;--cor4:#363d49;--cor5:#ba7526;font-size:16px}body{background-color:var(--light);color:var(--dark);margin:0;font-weight:100}h1,h2,h3,h4,h5,h6{font-family:Libre Franklin,sans-serif;font-weight:500}p{font-family:Taviraj,serif}a{color:var(--cor2);cursor:pointer;position:relative}a:visited{color:var(--cor2)}.sr-only{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.light{color:var(--light)}.bg-light{background-color:var(--light)}.dark{color:var(--dark)}.bg-dark{background-color:var(--dark)}.color1{color:var(--cor1)}.bg-color1{background-color:var(--cor1)}.color2{color:var(--cor2)}.bg-color2{background-color:var(--cor2)}.color3{color:var(--cor3)}.bg-color3{background-color:var(--cor3)}.color4{color:var(--cor4)}.bg-color4{background-color:var(--cor4)}.hidden{opacity:0;z-index:-1}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-justify-c{justify-content:center}.flex-align-c{align-items:center}.text-small{font-size:.9rem}.credit{margin:.5rem 0;font:100 .75rem Libre Franklin,sans-serif;text-decoration:none}.credit:visited{color:var(--light)}.credit:hover{text-decoration:underline}:root{--light:#ddd;--dark:#222;--grad1:radial-gradient(gray, #9f6060 70%);--cor1:#9f6060;--grad2:radial-gradient(gray, #59a6a6 70%);--cor2:#59a6a6;--grad3:radial-gradient(gray, #80a659 70%);--cor3:#7ca659;--cor4:#363d49;--cor5:#ba7526;font-size:16px}header{justify-content:end;align-items:center;width:100vw;height:350px;display:flex;position:relative;overflow:hidden}header h1{margin:0;font-size:clamp(1.5rem,3.25vw,2rem)}header h1 span{font-size:clamp(1.7rem,4vw,2.5rem)}header h2{margin:clamp(.25rem,1.5vw,1.5rem) 0}header h3{font-size:1rem}.tab__contact_header{margin:.25rem}header p{margin:0;font-size:1.2rem;line-height:1.1rem}.tab{text-align:center;border-radius:0 50% 50% 0;justify-content:end;align-items:center;width:2000px;height:1500px;transition:all .3s cubic-bezier(.73,1.34,.53,.95);display:flex;position:absolute;top:-575px;box-shadow:0 0 1rem #333}.tab--profile{z-index:5;background-color:var(--dark);left:-1630px;overflow:hidden}.tab__photo{background-image:url(/images/profile_foto_desaturated.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:370px;height:350px;position:absolute;right:0}.tab--title{background:var(--grad3);right:10vw}.tab--title.closed{right:calc(97vw - 370px)}.tab--about{background:var(--grad2);right:7vw}.tab--about.closed{right:calc(94vw - 370px)}.tab--contact{background:var(--grad1);right:4vw}.tab--contact.closed{right:calc(91vw - 370px)}.tab button{cursor:pointer;border:none;border-radius:0 45% 45% 0;height:40px;position:relative;left:15px;box-shadow:.5rem 0 .65rem -.15rem #33333380}.btn__topline,.btn__bottomline{transition:all .3s linear}.btn__topline{transform-origin:50% 30%}.btn__bottomline{transform-origin:50% 70%}.tab.closed .btn__topline{transform:rotate(-90deg)}.tab.closed .btn__bottomline{transform:rotate(90deg)}.btn--contact{background-color:var(--cor1)}.btn--about{background-color:var(--cor2)}.btn--title{background:var(--cor3)}.tab--back{text-align:center;width:calc(91vw - 370px);color:var(--light);flex-direction:column;justify-content:center;align-items:center;padding:0 10vw;display:flex}.tab__content{flex-direction:column;justify-content:center;align-items:center;width:calc(90vw - 430px);transition:all .3s linear;display:flex;position:relative}.tab__content--about{padding:0 5vw}.tab__contact_line{flex-direction:row;align-items:center;gap:1vw;display:flex}@media screen and (width<=740px){header{justify-content:end;align-items:end;height:calc(470px + 12vh)}header p{font-size:1.2rem;line-height:1.2rem}.tab{border-radius:50%;justify-content:center;align-items:end;height:2000px}.tab--profile{width:500px;height:500px;top:-100px;left:calc(50vw - 500px)}.tab__photo{background-position:50%;background-size:cover;width:50vw;height:400px;position:absolute;right:0}.profile_photo{top:50px}.tab--title{top:-1530px;left:calc(50vw - 1000px)}.tab--title.closed{width:calc(500px + 4vh);height:calc(500px + 4vh);top:calc(-100px - 2vh);left:calc(48vw - 500px);transform:rotate(-80deg)}.tab--about{top:calc(4vh - 1530px);left:calc(50vw - 1000px)}.tab--about.closed{width:calc(500px + 8vh);height:calc(500px + 8vh);top:calc(-100px - 4vh);left:calc(46vw - 500px);transform:rotate(-70deg)}.tab--contact{top:calc(8vh - 1530px);left:calc(50vw - 1000px)}.tab--contact.closed{width:calc(500px + 12vh);height:calc(500px + 12vh);top:calc(-100px - 6vh);left:calc(44vw - 500px);transform:rotate(-60deg)}.tab button{top:15px;left:0;transform:rotate(90deg)}.tab__content{width:50vw;height:calc(470px + 4vh);padding:3rem;position:absolute;bottom:0;left:50%}.tab__content--contact{height:50vh;left:49%}.tab--back{justify-content:center;align-items:center;width:50vw;height:70vh;padding:5vw}}@media screen and (width<=530px){header{justify-content:center;align-items:end;height:100vh}header h2{font-size:1.25rem}header p{margin:0;font-size:clamp(.8rem,1.8vw,1rem)}.tab{border-radius:0 0 50% 50%;justify-content:center;align-items:end;width:1000px;height:1000px;left:calc(50vw - 500px)}.tab--profile{top:calc(55vh - 1000px)}.tab__photo{background-position:50%;background-size:cover;width:100vw;height:55vh;right:auto}.tab--contact{top:calc(96vh - 1000px)}.tab--contact.closed{width:1000px;height:1000px;top:calc(67vh - 1000px);left:auto;right:auto;transform:rotate(0)}.tab--about{top:calc(92vh - 1000px)}.tab--about.closed{width:1000px;height:1000px;top:calc(63vh - 1000px);left:auto;right:auto;transform:rotate(0)}.tab--title{top:calc(88vh - 1000px)}.tab--title.closed{width:1000px;height:1000px;top:calc(59vh - 1000px);left:auto;right:auto;transform:rotate(0)}.tab button{border-radius:0 45% 45% 0;position:relative;top:15px;left:0;transform:rotate(90deg);box-shadow:.5rem 0 .65rem -.15rem #33333380}.tab__content{width:100vw;height:35vh;display:block;position:absolute;bottom:0;left:calc(500px - 50vw)}.tab__content--about{height:31vh;padding:5vw}.tab__about_paragraph{font-size:clamp(.8rem,3vw,1rem);line-height:.8rem}.tab--back{width:auto;height:35vh;padding:5vw}.tab__contact_line{justify-content:center}}header a,header a:visited{color:var(--dark)}.bookshelf__depth{border-width:19rem 50vw;border-image-source:linear-gradient(#000,#f5f5f5);border-image-slice:30;border-image-repeat:round;position:absolute}.bookshelf{width:clamp(365px,80vw,500px);margin-left:auto;margin-right:auto;padding:3rem 0}.book{cursor:pointer;writing-mode:vertical-rl;background-image:url(/images/leather_texture.jpg);background-size:auto 100%;border-radius:5px;flex-basis:10%;justify-content:center;align-items:center;height:32rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 .5rem 1rem 0 #0006}.book:hover{z-index:10;margin-top:-15px;transform:scale(1.03);box-shadow:0 .5rem 3rem -.5rem #0006}.book--graphic{flex-grow:6}.book--data,.book--photo{flex-grow:5}.book--landscape{flex-grow:6;align-items:start}.book--writing{flex-grow:4;gap:.5rem}.book--web{flex-grow:5;gap:.75rem}.book__title{text-shadow:0 0 .5rem #000c}.book__title--web{text-shadow:0 0 .25rem #0009}.book__shading{border-top-style:solid;border-top-width:1px;border-image:linear-gradient(90deg,#333,#333 15%,#faebd7 30% 70%,#333 85%,#333) 1;width:100%;height:100%;position:absolute;box-shadow:inset -.35rem 0 .5rem #0006,inset .35rem 0 .5rem #0006}.book__title{z-index:10;margin:0;font-size:clamp(1.4rem,4.5vw,2rem)}.book__contents{opacity:0;width:0;display:flex;position:absolute}.book__shading--graphic{background:radial-gradient(at top,#00000059,#000000bf),radial-gradient(at bottom,#46464680,#0000)}.graphic-title{color:#ff8c00;align-items:center;gap:clamp(0,1vw,.2rem);font-family:Unica One,cursive;font-size:clamp(1.6rem,4.5vw,2rem)}.graphic-title-sub{font-size:clamp(.75rem,3vw,1rem)}.book__shading--data{background:radial-gradient(at top,#320a578c,#000000bf),radial-gradient(at bottom,#46464680,#0000)}.data-title{color:#ddcece;font-family:Smooch Sans,sans-serif;font-size:clamp(1.5rem,4.5vw,2rem)}.book__shading--photo{background:radial-gradient(at top,#bd93bd8c,#000000d9),radial-gradient(at bottom,#b99a9a80,#0000)}.photo-title{color:#212121;font-family:Nothing You Could Do,cursive}.book__shading--landscape{background:radial-gradient(at top,#025f128c,#000000bf),radial-gradient(at bottom,#46464680,#0000)}.landscape-title{color:#f7e5c0;margin-top:8rem;font-family:Fredericka the Great,cursive}.landscape-title-sub{font-size:clamp(.75rem,3vw,1rem)}.book--landscape.active{align-items:center}.book__shading--writing{background:radial-gradient(at top,#5e0f06c2,#000000bf),radial-gradient(at bottom,#46464680,#0000)}.writing-title{color:#d8bfbf;font-family:Lora,serif}.writing-title-sub{font-size:clamp(1rem,3vw,1.25rem)}.book__shading--web{background:radial-gradient(at top,#ffffffa1,#000000bf),radial-gradient(at bottom,#46464680,#0000)}.book__title--web{color:#222;font-family:Inconsolata,monospace}.book__title--web_sub{font-size:clamp(1rem,3vw,1.25rem)}.book.active{z-index:100;cursor:auto;border-top-width:0;width:min(50rem,95vw);height:32rem;margin-top:-22px;position:absolute;box-shadow:0 .5rem 3rem -.5rem #0006}.book.active:hover{margin-top:-22px;transform:none}.book.active .book__shading{border-top-width:0;align-items:center}.book.active .book__contents{opacity:100;color:#333;writing-mode:horizontal-tb;background-color:#faebd7;border:4px double #5c5c5c;border-top:1px solid #faebd7;border-bottom:2px groove #9b9999;width:calc(100% - min(6vw,50px));height:calc(100% - min(6vw,50px));font-family:Nothing You Could Do,cursive}.book__page{flex-direction:column;flex:1 1 0;width:100%;min-width:0;margin:clamp(1rem,3vw,2rem);display:flex}.book__page h3{margin:0;font-size:clamp(1rem,3vw,1.2rem)}.book__page--grid{grid-template:"\31 fr \31 fr \31 fr""\31 fr \31 fr \31 fr""\31 fr \31 fr \31 fr";gap:5px;display:grid}.book__illus{background-repeat:no-repeat;background-size:cover;border:5px solid #fff;flex:1}.book__text{margin:clamp(.5rem,2vw,1rem) 0;font-size:clamp(.85rem,3vw,1rem);line-height:clamp(.85rem,3vw,1.5rem)}.book__page-shading{background:linear-gradient(90deg,#1e1e1e1a,#0000 25% 30%,#1e1e1e4d 48%,#1e1e1e66 50%,#0000 50%,#1e1e1e4d 70%,#0000);width:100%;height:100%;position:absolute}.book.active .book__inside_shading{background:linear-gradient(90deg,#0000,#0000 43%,#1e1e1e4d 44%,#1e1e1e80 45%,#1e1e1e66 50%,#1e1e1ea6 55%,#1e1e1e4d 56%,#0000 57%,#0000);width:100%;height:100%;position:absolute}.btn{cursor:pointer;border:none}.btn--back{z-index:10;opacity:.85;justify-content:center;align-items:center;gap:2px;width:0;margin:1%;display:flex;position:absolute;top:0;right:0}.book.active .btn--back{width:auto}.btn--back p{text-align:center;margin:0;font-family:Libre Franklin,sans-serif;font-size:.8rem;font-weight:500}.btn--back:hover{opacity:1;filter:drop-shadow(0 0 2px #f5f5f5)}.unpublished{opacity:.55}.unpublished.active{opacity:1}.navbar{justify-content:space-around;align-items:center;width:max(800px,80vw);display:flex}.navbar>*{flex-basis:100%}.go-home{gap:1rem}nav a,nav a:visited{color:var(--light)}.ham-link{font-family:Libre Franklin,sans-serif;font-style:italic;font-weight:100}.page-title{cursor:default;margin:revert}.preload .ham-line{transition:none!important;animation:none!important}button{cursor:pointer;background:0 0;border:none;border-radius:.5rem}.ham-line{transition:stroke 1s}.bottom,.top{animation:.5s .5s both to-dots-r}.ham-main[aria-expanded=true] .bottom,.ham-main[aria-expanded=true] .top{animation:.5s forwards to-dots}.middle{stroke-dasharray:70;animation:.5s .5s both to-dots-mid-r}.ham-main[aria-expanded=true] .middle{stroke-dasharray:70;animation:.5s forwards to-dots-mid}.x{stroke-dasharray:.1 70;animation:.5s both to-x-r}.ham-main[aria-expanded=true] .x{animation:.5s .5s forwards to-x}@keyframes to-dots{0%{stroke-dashoffset:0;stroke-dasharray:70 70}to{stroke-dashoffset:-15px;stroke-dasharray:.1 70}}@keyframes to-dots-r{to{stroke-dashoffset:0;stroke-dasharray:70 70}0%{stroke-dashoffset:-15px;stroke-dasharray:.1 70}}@keyframes to-x{0%{stroke-dasharray:.1 70}to{stroke-dasharray:70 70}}@keyframes to-x-r{to{stroke-dasharray:.1 70}0%{stroke-dasharray:70 70}}@keyframes to-dots-mid{0%{stroke-dasharray:70;stroke-dashoffset:0}to{stroke-dasharray:.1 70;stroke-dashoffset:-34.9px}}@keyframes to-dots-mid-r{to{stroke-dasharray:70;stroke-dashoffset:0}0%{stroke-dasharray:.1 70;stroke-dashoffset:-34.9px}}.ham-main{transition:all 1s}button:hover{opacity:.85}.ham-menu{background:var(--dark);color:var(--light);z-index:8;opacity:0;border-radius:0 0 1rem 1rem;padding-right:1rem;line-height:1.5rem;transition:opacity .5s ease-out;position:absolute;top:-10rem}.ham-menu[aria-expanded=true]{opacity:1;top:3.5rem}.ham-link--inactive{cursor:default;color:gray;text-decoration:line-through}.ham-link--inactive:visited{color:gray}[aria-current=page]{cursor:default;color:#a9a9a9}[aria-current=page]:visited{color:#a9a9a9}.logo{aspect-ratio:1;width:50px}h2{margin:0}.list-grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;width:max(360px,80vw);margin:1.5rem;padding:0;display:grid}.project-card{outline:1px solid var(--cor2);outline-offset:3px;justify-content:center;align-items:end;height:25rem;transition:all .25s;display:flex;position:relative}.project-card:hover{scale:1.02}.list-grid:has(.project-card:hover) .project-card:not(:hover){filter:grayscale(65%);scale:.98}.project-card--screenshots{background-position:50%;background-size:cover;flex-basis:100%;height:100%}.project-card__clock--screenshot1{background-image:url(/Projects/Clock/screenshots/mobileMidday.png)}.project-card__clock--screenshot2{background-image:url(/Projects/Clock/screenshots/mobileSunsetSunrise.png)}.project-card__clock--screenshot3{background-image:url(/Projects/Clock/screenshots/mobileNight.png)}.project-card__ari--screenshot1{background-image:url(/Projects/BioAri/screenshots/screenshotAri.png);background-position:top}.project-card__drum--screenshot1{background-image:url(/Projects/DrumKit/screenshots/DrumKit.png)}.project-card__animal--screenshot1{background-image:url(/Projects/AnimalFarm/screenshots/AnimalFarmVert.png);background-position:top}.project-card__hamburger--screenshot1{background-image:url(/Projects/Hamburgers/screenshots/Hamburgers.png)}.project-card__tables--screenshot1{background-image:url(/Projects/TedsTables/screenshots/TedsTables.png)}.project-card__photogrid--screenshot1{background-image:url(/Projects/PhotoGrid/screenshots/PhotoGrid.png);background-position:top}.project-card__photostack--screenshot1{background-image:url(/Projects/SlidingPhotoStack/screenshots/PhotoStack.png);background-position:top}.project-card__regform--screenshot1{background-image:url(/Projects/RegistrationForm/screenshots/RegistrationForm.png);background-position:top}.project-card__retroconsole--screenshot1{background-image:url(/Projects/RetroConsole/screenshots/RetroConsole.png);background-position:top}.project-card__QRCode--screenshot1{background-image:url(/Projects/FEM-QRCodeComponent/screenshots/QRCodeComponent.png)}.project-card__prodpreview--screenshot1{background-image:url(/Projects/FEM-ProdPreviewCard/screenshots/ScreenshotDesktop.png);background-position:top}.project-card__flex04--screenshot1{background-image:url(/Projects/flexchallenge04/screenshots/ResponsiveLayout.png);background-position:top}.project-title{background:linear-gradient(120deg, var(--cor5), var(--cor1), var(--cor2));-o-background-clip:text;-ms-background-clip:text;text-align:center;color:#0000;mix-blend-mode:screen;-webkit-background-clip:text;background-clip:text;border-radius:100vh;padding:1rem;font-size:clamp(1.75rem,6vw,3.25rem);font-weight:900}.project-title-overlay{position:absolute}.project-title-background{background-color:var(--cor4);opacity:.85;justify-content:center;width:100%;display:flex;position:absolute}.project-link:visited{color:var(--dark)}img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card_container{grid:auto-flow dense 150px/repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin:1rem;display:grid}.card{display:block}.card--1_2{grid-area:span 2/span 1}.card--2_1{grid-area:span 1/span 2}.card--2_2{grid-area:span 2/span 2}.card--2_3{grid-area:span 3/span 2}.card--3_1{grid-area:span 1/span 3}.card--3_2{grid-area:span 2/span 3}.card--3_3{grid-area:span 3/span 3}.card--4_2{grid-area:span 2/span 4}.card--4_3{grid-area:span 3/span 4}.card--4_4{grid-area:span 4/span 4}@media screen and (width<=650px){.card{grid-area:span 2/span 2}}.blurb__list{flex-direction:column;align-items:center;display:flex}.blurb{text-align:center;border:1px solid var(--dark);width:80vw;max-width:600px;margin:3rem;padding:1rem}.writing-page footer{width:100vw;position:absolute;bottom:0}a,a:visited{color:var(--dark)}