@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Itim&display=swap");:root{--cream:#FFF8E5;--cream-ff:#FFFAED;--base-bg:#FFF8E5;--base-container:#FFFAED;--base-txt:#1E1A35;--border:#F6F0DB;--secondary-txt:#867D64;--secondary-txt-lt:#CDC7AF;--accent1:#FA3F61;--accent1-A:#EB7166;--accent1-AA:#C22453;--accent1-ff:#FFDFD8;--accent1-ee:#f1b3ad;--accent2:#8D6CD2;--accent2-AA:#8D6CD2;--accent2-ff:#EFE7FF;--accent2-ee:#cdb7fc;--accent3:#6CD2A1;--accent3-AA:#2BAE6F;--accent3-ff:#E5F5DD;--accent3-ee:#b5f4d5;--accent4:#ed5fc9;--accent4-AA:#C956AC;--accent4-ff:#FFD5F7;--accent4-ee:#f7a9e3;--accent5:#f7df80;--accent5-AA:#9B9250;--accent5-ff:#FFF1B7;--accent5-ee:#ffe8a8;--accent6:#5096ff;--accent6-AA:#2366cb;--accent6-ff:#deebff;--accent6-ee:#a7c5f4;--jakarta:"Plus Jakarta","Roboto","sans-serif";--robo:"Roboto Slab",serif;--overpass:"Overpass","Work Sans",sans-serif;--pioggia:"Pioggia","Vidaloka","DM Serif Display","Libre Baskerville",serif;--itim:"Itim","Kalam",sans-serif;--site-width:1240px}@font-face{font-family:Plus Jakarta;src:url(/fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf)}@font-face{font-family:Plus Jakarta;src:url(/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Italic-VariableFont_wght.ttf);font-style:italic}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab/RobotoSlab-Light.ttf);font-weight:200}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab/RobotoSlab-Regular.ttf);font-weight:300}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab/RobotoSlab-Medium.ttf);font-weight:500}@font-face{font-family:Overpass;src:url(/fonts/Overpass/OVERPASS-REGULAR.TTF);font-weight:400}@font-face{font-family:Overpass;src:url(/fonts/Overpass/OVERPASS-LIGHT.TTF);font-weight:200}@font-face{font-family:Overpass;src:url(/fonts/Overpass/OVERPASS-EXTRALIGHT.TTF);font-weight:100}@font-face{font-family:Overpass;src:url(/fonts/Overpass/OVERPASS-SEMIBOLD.TTF);font-weight:500}@font-face{font-family:Overpass;src:url(/fonts/Overpass/OVERPASS-EXTRABOLD.TTF);font-weight:600}body{margin:0;padding:0;font-family:var(--overpass);overflow:hidden;min-height:100dvh;min-width:100vw}h1{font-size:4.5em;text-wrap:wrap;text-align:right;line-height:95%}h1,h2{text-transform:lowercase;margin:0}h2{font-size:2em}li,p{font-size:18px;font-family:var(--overpass)}p{line-height:26px}h1,h2,h3,h4,h5,h6{font-family:var(--jakarta)}h1,h2,h3,h4,h5,h6,li,p,span{color:var(--base-txt)}ul:not(.list-reset){padding-left:0}ul:not(.list-reset) li{list-style:none;position:relative;margin-bottom:10px;display:flex;align-items:center;font-size:18px;line-height:26px;padding-left:1.5rem}ul:not(.list-reset) li:before{content:"";position:absolute;display:flex;width:16px;height:16px;border-radius:6px;left:0;top:3px}section{width:-moz-fit-content;width:fit-content}.primary-button{background-color:var(--accent1-AA);color:#FFF}.secondary-button{background-color:var(--border);color:var(--secondary-txt)}.button,button,input[type=button],input[type=submit]{font-family:var(--robo);font-size:1em;text-transform:uppercase;background-color:var(--base-txt);border-radius:8px;border:none;padding:8px 24px;color:#FFF;font-weight:500;cursor:pointer;text-decoration:none;transform:none;transition:transform .3s}.button:hover{transform:translateX(8px) scale(1.05)}.show-text{cursor:pointer;font-style:italic}.consent-popup .button-group{display:flex;flex-direction:row;flex-grow:1;margin:0;width:max-content}@media only screen and (min-width:1680px){h1{font-size:5em}h2{font-size:2.2em}li,p{font-size:1.3em}p{line-height:30px}}@media only screen and (max-width:1200px){.main-content .consent-popup{padding:10px 24px 24px;max-width:none}}@media only screen and (max-width:800px){.main-content .consent-popup{flex-direction:column;left:3rem;right:3rem}.main-content .consent-popup button:first-of-type{margin-left:0}.main-content .consent-popup .button-group,.main-content .consent-popup button{width:100%}}main{background:var(--accent1);min-height:100dvh;align-items:center;transition:background-color 1.2s}.main-frame,main{display:flex;justify-content:center}.main-frame{overflow-y:auto;overflow-x:hidden;border-radius:48px;background-color:var(--base-bg);padding:2rem;transition:width .3s}.main-content{margin:-2rem;max-width:var(--site-width);padding:0 10rem;position:relative;height:calc(100% + 4rem);overflow-x:hidden;scrollbar-width:none}.squeezed .consent-popup{position:absolute;max-width:600px}@media only screen and (max-width:1400px){.squeezed .consent-popup{margin:0;left:2rem;right:2rem;bottom:2rem}}@media only screen and (max-width:1200px){.squeezed .consent-popup{padding:10px 24px 24px;flex-direction:column}.squeezed .consent-popup .button-group{width:100%}.squeezed .consent-popup button:first-of-type{margin-left:0}.squeezed .consent-popup button{width:100%}}@media only screen and (min-width:681px){.main-content.squeezed{width:100%}}.main-content::-webkit-scrollbar{display:none;visibility:hidden}.dresser{width:100vw;height:100dvh}.drawer{display:flex;align-items:flex-start;position:relative;animation:fadein .4s forwards;z-index:20}.drawer h2{margin-right:1rem}.drawer article{margin-top:1rem;overflow-y:auto;position:absolute;width:30vw;height:75vh}.drawer p{margin-right:1rem}.drawer details li,.drawer details p{font-size:16px;line-height:22px}.drawer details p:last-of-type{padding-bottom:1rem;border-bottom:2px dashed}.drawer details li{margin:0}.drawer details[open] summary svg{transform:rotate(180deg)}.drawer summary{list-style:none;display:flex;align-items:center;font-size:18px}.drawer summary svg{width:14px;stroke-width:4;margin-right:6px;transition:transform .2s}.drawer pre{background-color:var(--base-txt);color:#FFF;font-size:16px;padding:1rem;margin-right:1rem;border-radius:12px;overflow-x:hidden}.drawer .button-group{display:flex;position:relative;width:100%}.drawer .button-group .button{position:relative;margin-right:1rem}.dark-drawer .close-drawer svg path{fill:var(--base-txt)}.dark-drawer pre{border:2px solid var(--base-txt)}.dark-drawer button,.dark-drawer details,.dark-drawer h2,.dark-drawer h3,.dark-drawer h4,.dark-drawer h5,.dark-drawer h6,.dark-drawer li,.dark-drawer p,.dark-drawer span{color:var(--base-txt)}.dark-drawer details p:last-of-type{border-color:var(--base-txt)}.dark-drawer article{scrollbar-color:rgba(30,26,53,.2) rgba(30,26,53,.1)}.dark-drawer article::-webkit-scrollbar-track{background:var(--base-txt);opacity:.1}.dark-drawer article::-webkit-scrollbar-thumb{background-color:var(--base-txt);opacity:.2}.dark-drawer .button{background-color:var(--base-txt);color:#FFF}.light-drawer .button{background-color:#FFF;color:var(--base-txt)}.light-drawer .close-drawer svg path{fill:#FFF}.light-drawer pre{border:2px solid #fff}.light-drawer button,.light-drawer details,.light-drawer h2,.light-drawer h3,.light-drawer h4,.light-drawer h5,.light-drawer h6,.light-drawer li,.light-drawer p,.light-drawer span{color:#FFF}.light-drawer details p:last-of-type{border-color:#FFF}.light-drawer article{scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.1)}.light-drawer article::-webkit-scrollbar-track{background:#FFF;opacity:.1}.light-drawer article::-webkit-scrollbar-thumb{background-color:#FFF;opacity:.2}.drawer.hiding{animation:fadeout .2s forwards}.drawer.row{flex-direction:row;padding:0 2rem}.drawer.row .inner{display:flex;align-items:baseline}.drawer.col{flex-direction:column;padding:2rem}.drawer.col .inner{padding:4rem 0}.close-drawer{background:none;position:absolute;display:flex;align-items:center;justify-content:flex-end;right:8rem;top:4rem;padding:0;font-size:14px;font-weight:400;letter-spacing:1.5px;opacity:.75;transition:opacity .3s}.close-drawer svg{margin-left:1rem}.close-drawer:hover{opacity:1}@media only screen and (max-width:1080px){.drawer{padding-top:0}.drawer .close-drawer{right:0;top:6px;font-size:12px}.drawer .close-drawer svg{width:18px}.drawer .inner{width:100%;height:100%;padding:0}.drawer article p{position:relative;width:100%;margin-right:0}.drawer article{margin-top:1rem;width:calc(100vw - 4rem);max-height:38vh;overflow-y:auto}.drawer .button-group{display:flex;justify-content:center;padding:1rem;position:fixed;bottom:0;left:0;max-width:calc(100vw - 2rem)}.drawer .button-group .button{text-align:center;width:100%}.drawer .button-group .button:last-of-type{margin-right:0}.drawer.col{padding-top:0}.drawer.col .inner{padding:0}}@media only screen and (max-height:680px){.drawer article{max-height:35vh}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.disappear{animation:fadeout .3s forwards}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pulse-text{0%{color:var(--brown-ff)}to{color:rgba(255,255,255,0)}}@keyframes bounce-arrow{0%{right:0}to{right:10px}}@keyframes appear-width{0%{width:0}to{width:100%}}@keyframes appear-breen{0%{border-color:var(--cream)}25%{border-left-color:var(--breen)}51%{border-bottom-color:var(--breen)}52%{border-top-color:var(--breen)}to{border-right-color:var(--breen)}}@keyframes shake{0%{transform:rotate(0deg)}25%{transform:rotate(1deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-1deg)}to{transform:rotate(0deg)}}.accent1-bg,.accent1-hover:hover{background:var(--accent1)}.accent1-txt{color:var(--accent1)}.accent1-A-bg,.accent1-A-hover:hover{background:var(--accent1-A)}.accent1-A-txt{color:var(--accent1-A)}.accent1-AA-bg,.accent1-AA-hover:hover{background:var(--accent1-AA)}.accent1-AA-txt{color:var(--accent1-AA)}.accent1-ff-bg,.accent1-ff-hover:hover{background:var(--accent1-ff)}.accent1-ff-txt{color:var(--accent1-ff)}.accent1-ee-bg,.accent1-ee-hover:hover{background:var(--accent1-ee)}.accent1-ee-txt{color:var(--accent1-ee)}.accent2-bg,.accent2-hover:hover{background:var(--accent2)}.accent2-txt{color:var(--accent2)}.accent2-AA-bg,.accent2-AA-hover:hover{background:var(--accent2-AA)}.accent2-AA-txt{color:var(--accent2-AA)}.accent2-ff-bg,.accent2-ff-hover:hover{background:var(--accent2-ff)}.accent2-ff-txt{color:var(--accent2-ff)}.accent2-ee-bg,.accent2-ee-hover:hover{background:var(--accent2-ee)}.accent2-ee-txt{color:var(--accent2-ee)}.accent3-bg,.accent3-hover:hover{background:var(--accent3)}.accent3-txt{color:var(--accent3)}.accent3-AA-bg,.accent3-AA-hover:hover{background:var(--accent3-AA)}.accent3-AA-txt{color:var(--accent3-AA)}.accent3-ff-bg,.accent3-ff-hover:hover{background:var(--accent3-ff)}.accent3-ff-txt{color:var(--accent3-ff)}.accent3-ee-bg,.accent3-ee-hover:hover{background:var(--accent3-ee)}.accent3-ee-txt{color:var(--accent3-ee)}.accent4-bg,.accent4-hover:hover{background:var(--accent4)}.accent4-txt{color:var(--accent4)}.accent4-AA-bg,.accent4-AA-hover:hover{background:var(--accent4-AA)}.accent4-AA-txt{color:var(--accent4-AA)}.accent4-ff-bg,.accent4-ff-hover:hover{background:var(--accent4-ff)}.accent4-ff-txt{color:var(--accent4-ff)}.accent4-ee-bg,.accent4-ee-hover:hover{background:var(--accent4-ee)}.accent4-ee-txt{color:var(--accent4-ee)}.accent5-bg,.accent5-hover:hover{background:var(--accent5)}.accent5-txt{color:var(--accent5)}.accent5-AA-bg,.accent5-AA-hover:hover{background:var(--accent5-AA)}.accent5-AA-txt{color:var(--accent5-AA)}.accent5-ff-bg,.accent5-ff-hover:hover{background:var(--accent5-ff)}.accent5-ff-txt{color:var(--accent5-ff)}.accent5-ee-bg,.accent5-ee-hover:hover{background:var(--accent5-ee)}.accent5-ee-txt{color:var(--accent5-ee)}.accent6-bg,.accent6-hover:hover{background:var(--accent6)}.accent6-txt{color:var(--accent6)}.accent6-AA-bg,.accent6-AA-hover:hover{background:var(--accent6-AA)}.accent6-AA-txt{color:var(--accent6-AA)}.accent6-ff-bg,.accent6-ff-hover:hover{background:var(--accent6-ff)}.accent6-ff-txt{color:var(--accent6-ff)}.accent6-ee-bg,.accent6-ee-hover:hover{background:var(--accent6-ee)}.accent6-ee-txt{color:var(--accent6-ee)}.accentF1-bg{background:radial-gradient(circle,#FF0A81 25%,#B60A5E 100%)}.accentMO-bg{background:radial-gradient(circle,#589788 25%,#516788 100%)}.accentPH-bg{background:radial-gradient(circle,#001242 25%,#021549 100%)}.col{flex-direction:column}.col,.row{display:flex}.row{flex-direction:row}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{width:0}.accent1-list li:before{background-color:var(--accent1)}.accent2-list li:before{background-color:var(--accent2)}.accent3-list li:before{background-color:var(--accent3)}.tooltip-accent1,.tooltip-accent1:before{background-color:var(--accent1-ff);color:var(--accent1-AA)}.tooltip-accent2,.tooltip-accent2:before{background-color:var(--accent2-ff);color:var(--accent2-AA)}.tooltip-accent3,.tooltip-accent3:before{background-color:var(--accent3-ff);color:var(--accent3-AA)}.list-reset{padding:0;margin:0;list-style-type:none}.hide{display:none!important}@media only screen and (min-width:1080px){.desktop-hide{display:none!important}.mobile-hide{display:block!important}.mobile-hide-flex{display:flex}.hide{display:none!important}}@media only screen and (max-width:1080px){.hide,.mobile-hide,.mobile-hide-flex{display:none!important}}@keyframes floating{0%{border-radius:14px 16px 14px 12px}45%{border-radius:12px 14px 16px 14px}72%{border-radius:14px 12px 14px 16px}90%{border-radius:16px 14px 12px 14px}to{border-radius:14px 16px 14px 12px}}.date{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px 36px 12px 12px;width:100px;height:100px;position:absolute;z-index:2;right:8rem;top:-2rem}.date span:first-of-type{font-family:Roboto Slab;font-size:1.2em;font-weight:400;text-transform:uppercase;color:var(--accent1-txt);padding:15px 15px 0;margin-right:5px;cursor:default}.date span:last-of-type{font-family:Plus Jakarta;font-size:2.5em;font-weight:800;color:var(--accent1-txt);padding:0 15px 15px;margin:10px 5px 10px 0;cursor:default}.stickies-container,.stickies-wrapper{position:absolute;width:100%;height:100%}.stickies-container{display:flex;justify-content:flex-end;z-index:1}.sticky{position:absolute;cursor:-webkit-grab;cursor:grab;z-index:1;transition:transform .1s}.forced-sticky{transition:transform 1s}.freed-sticky{transition:transform 2s}.top-sticky{z-index:2}.note-wrapper,.polaroid-wrapper{background-color:var(--base-container);padding:20px;width:250px;height:200px;border-radius:24px;box-shadow:0 0 22px 2px var(--shadow)}.sticky-1{transform:rotate(3deg)}.sticky-2{transform:rotate(-3deg)}.sticky-3{transform:rotate(6deg)}.sticky-4{transform:rotate(-6deg)}.sticky-5{transform:rotate(8deg)}.sticky-6{transform:rotate(-6deg)}.sticky-7{transform:rotate(10deg)}.sticky-8{transform:rotate(-10deg)}.sticky-9{transform:rotate(12deg)}.sticky-10{transform:rotate(-12deg)}.sticky-accent0{background-color:var(--base-container)}.sticky-accent0 path,.sticky-accent0 rect{fill:var(--secondary-txt)}.sticky-accent1,.sticky-accent2,.sticky-accent3,.sticky-accent4,.sticky-accent5,.sticky-accent6{border:2.5px dashed rgba(255,255,255,0);transition:border .4s}.sticky-accent1{background-color:var(--accent1-ff)}.sticky-accent1 h4{color:var(--accent1-A)}.sticky-accent1 .drag-indicator circle,.sticky-accent1 svg path{fill:var(--accent1-A)}.sticky-accent1:hover{border:2.5px dashed var(--accent1-ee)}.sticky-accent2{background-color:var(--accent2-ff)}.sticky-accent2 h4{color:var(--accent2-AA)}.sticky-accent2 .drag-indicator circle,.sticky-accent2 svg path{fill:var(--accent2-AA)}.sticky-accent2:hover{border:2.5px dashed var(--accent2-ee)}.sticky-accent3{background-color:var(--accent3-ff)}.sticky-accent3 h4{color:var(--accent3-AA)}.sticky-accent3 .drag-indicator circle,.sticky-accent3 svg path{fill:var(--accent3-AA)}.sticky-accent3:hover{border:2.5px dashed var(--accent3)}.sticky-accent4{background-color:var(--accent4-ff)}.sticky-accent4 h4{color:var(--accent4-AA)}.sticky-accent4 .drag-indicator circle,.sticky-accent4 svg path{fill:var(--accent4-AA)}.sticky-accent4:hover{border:2.5px dashed var(--accent4-ee)}.sticky-accent5{background-color:var(--accent5-ff)}.sticky-accent5 h4{color:var(--accent5-AA)}.sticky-accent5 .drag-indicator circle,.sticky-accent5 svg path{fill:var(--accent5-AA)}.sticky-accent5:hover{border:2.5px dashed var(--accent5)}.sticky-accent6{background-color:var(--accent6-ff)}.sticky-accent6 h4{color:var(--accent6-AA)}.sticky-accent6 .drag-indicator circle,.sticky-accent6 svg path{fill:var(--accent6-AA)}.sticky-accent6:hover{border:2.5px dashed var(--accent6-ee)}.sticky .textarea,.sticky input{position:relative;background:none;box-shadow:none;border:none;resize:none;font-family:Itim;letter-spacing:1.5px;padding:10px}.sticky .textarea:focus,.sticky .textarea:focus-visible,.sticky input:focus,.sticky input:focus-visible{outline:none}.sticky .textarea{color:var(--base-txt);margin-top:20px;width:250px;height:200px;line-height:200%;overflow-x:hidden;-ms-overflow-style:none;cursor:text;scrollbar-width:auto;scrollbar-color:var(--secondary-txt-lt) var(--subtle-border)}.sticky .textarea::-webkit-scrollbar{width:4px;height:4px}.sticky .textarea::-webkit-scrollbar-thumb{background-color:var(--secondary-txt-lt);border-radius:10px;border:0 #ffffff}.sticky .textarea::-webkit-scrollbar-track{background:var(--subtle-border);border-radius:10px}.accent0-pin,.accent1-pin,.accent2-pin,.accent3-pin{content:"";position:absolute;background-size:60px;background-repeat:no-repeat;width:60px;height:60px;top:0;left:45%;z-index:2}.pin-shadow{filter:blur(2px)}.polaroid img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;transition:object-position .3s}.img-align-toh4{object-position:top}.img-align-center{object-position:center}.img-align-bottom{object-position:bottom}.polaroid-container input[type=file]{display:none}.upload-button{display:none;position:absolute;top:0;right:0;background-color:rgba(255,255,255,0);padding:10px;margin:30px;border-radius:12px;border:none;cursor:pointer}.upload-button path{fill:var(--base-container);stroke:var(--secondary-txt);stroke-width:2px}.stickies-wrapper .polaroid-container .buttons-container{display:none;position:absolute;flex-direction:row;bottom:80px;left:185px;width:auto}.stickies-wrapper .polaroid-container:hover .buttons-container,.stickies-wrapper .polaroid-container:hover .upload-button{display:flex}.stickies-wrapper .polaroid-container .buttons-container button{margin:2px;background-color:var(--base-container);border-radius:8px;padding:5px;cursor:pointer}.stickies-wrapper .polaroid-container .buttons-container button path{stroke:var(--secondary-txt)}.stickies-wrapper .polaroid-container .buttons-container button rect{fill:var(--secondary-txt)}@keyframes copy{0%{transform:translate(0)}50%{transform:translate(-3px,3px)}to{transform:translate(0)}}.copy-button{cursor:pointer;position:absolute;bottom:20px}.copy-button:after{content:attr(data-after);opacity:0;transition:opacity .2s;position:absolute;width:max-content;top:-35px;left:-50px;font-size:12px;font-family:var(--robo);text-transform:uppercase;letter-spacing:1px;color:var(--secondary-txt);background-color:var(--secondary-txt-lt);padding:6px 12px;border-radius:10px}.copy-button:hover:after{opacity:1}.note .copy-button:hover path:nth-of-type(2),.note .copy-button:hover path:nth-of-type(3){animation:copy .4s}.note .color-button{position:absolute;top:16px;right:16px}.note .color-button,.note .copy-button{display:none;background-color:rgba(255,255,255,0)}.note:hover .color-button,.note:hover .copy-button,.sticky:hover .remove-button{display:flex}.sticky .remove-button{display:none;position:absolute;width:25px;height:25px;top:20px;right:-12px}.accent0-bg{background-color:var(--secondary-txt-lt)}.sticky .accent0-bg{background-color:var(--secondary-txt)}.accent0-bg path{fill:#FFF}@media only screen and (max-width:1080px){.stickies-wrapper{position:relative;width:max-content;margin-right:25px}.date{position:relative}.drag-indicator{display:none}}#landing{min-height:calc(100vh - 8rem);width:90%;margin:auto;justify-content:center;align-items:center;flex-wrap:nowrap;padding-bottom:8rem}#landing h2{width:450px}#landing .col:first-of-type{align-items:flex-end;margin-right:2rem}#landing .col:last-of-type{position:relative;flex-grow:1;padding-left:4rem;margin-left:2rem}#landing .col:last-of-type ul{display:flex}#landing .col:last-of-type:before{content:"";position:absolute;left:0;top:0;width:6px;height:100%;background-color:var(--border);border-radius:20px}#landing .social-links{margin-top:2rem;display:grid}#landing .social-links li{margin-left:10px}#landing .social-triples{grid-template-columns:33% 33% 33%}#landing .social-doubles{grid-template-columns:25% 25% 25% 25%}#landing .tag-item{cursor:default}@media only screen and (max-width:1024px){#landing{padding-top:8rem;padding-left:6rem;padding-right:6rem;flex-direction:column}#landing h1{max-width:400px;text-align:left}#landing h2{width:auto}#landing .social-links{margin-bottom:2rem;margin-left:-1rem}#landing .col:first-of-type,#landing .col:last-of-type{margin:0;padding:0}#landing .col:first-of-type{width:100%;justify-content:flex-start;align-items:flex-start}#landing .col:last-of-type:before{display:none}}@media only screen and (max-width:680px){#landing{padding-top:8rem;padding-left:3rem;padding-right:3rem}#landing h1{padding:1rem}#landing .col:first-of-type{justify-content:center;align-items:center}#landing .col:last-of-type{width:100%}#landing .col:last-of-type ul{flex-wrap:wrap}#landing .col:last-of-type ul li{margin-bottom:10px}#landing .social-links{position:relative;display:flex;justify-content:flex-start;max-width:calc(100vw - 3rem);width:120%;margin-left:0;padding:1rem 0 1rem 1.5rem;margin-top:6px;margin-bottom:6px;overflow-x:auto}#landing .social-links li{transform:scale(1.1);margin:0 10px}#landing .social-links li:last-of-type{margin-right:3rem}}@media only screen and (max-width:480px){#landing{padding-left:1.5rem;padding-right:1.5rem}}#about ul{display:flex;flex-wrap:wrap}#about ul li{margin-bottom:10px}#about p:not(p:last-of-type){margin-bottom:0}#experience{position:relative;margin:4rem 0;width:100%;min-height:75dvh;flex-wrap:wrap}#experience h2{width:100%}#experience .date-list{position:relative;list-style-type:none;padding:0 3rem 0 0;margin:0 3rem 0 0}#experience .date,#experience .date-list li{font-family:var(--robo);padding:5px 10px;margin:10px 0;line-height:30px;border-radius:8px;transition:border-color .2s;text-align:center;text-transform:uppercase;font-size:16px;letter-spacing:1.5px;transition:background-color .2s,color .2s;cursor:pointer;color:var(--base-txt)}#experience .date,#experience .date-list li:hover{color:var(--accent3-AA)}#experience .date,#experience .date-list li.active{background-color:var(--accent3-ff);color:var(--accent3-AA)}#experience .date-list:after{content:"";position:absolute;right:0;top:0;width:6px;height:100%;background-color:var(--border);border-radius:20px}#experience .history-timeline{display:flex;margin-top:2rem}#experience .history-timeline article{display:none;flex-direction:column}#experience .history-timeline article h3{text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-bottom:10px}#experience .history-timeline article p{margin-bottom:4px}#experience .history-timeline article .date{display:none}#experience .history-timeline article .dates{font-style:italic;font-size:18px}#experience .history-timeline article .tags-list{display:flex;flex-wrap:wrap;margin-top:1rem}#experience .history-timeline article .tags-list li{margin-bottom:10px}#experience .history-timeline article.active-experience{display:flex}#experience .col:first-of-type{width:65%}#experience .stickies-wrapper{display:flex;justify-content:center;right:0;height:50vh}#experience div+.stickies-wrapper{width:30%;transition:width .3s}#experience .disappear+.stickies-wrapper{width:100%}#experience .polaroid-wrapper{box-shadow:0 0 20px 2px rgba(205,194,150,.2);padding-bottom:3rem}#experience .polaroid-wrapper span:not(h2 span){position:absolute;font-family:var(--robo);text-transform:uppercase;bottom:1rem}#experience .polaroid-wrapper img{cursor:pointer}#experience .polaroid-wrapper .polaroid-container{cursor:pointer;width:100%;height:100%;border-radius:10px;background-repeat:no-repeat;background-size:350px!important;background-position:50%!important;transition:background-size .3s;margin-bottom:1rem}#experience .polaroid-wrapper .polaroid-container:hover{background-size:300px!important}@media only screen and (max-width:1480px){#experience .col:first-of-type{width:62%}}@media only screen and (max-width:1360px){#experience .col:first-of-type{width:60%}}@media only screen and (max-width:1280px){#experience{overflow-x:visible;flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start;margin:0;padding:6rem 2rem 0}#experience .disappear+.stickies-wrapper{width:135%}#experience .stickies-wrapper{position:relative;width:135%;left:-10%;display:flex;overflow-x:visible;transform:rotate(3deg);margin:2rem -2.5rem}#experience .stickies-wrapper .sticky{position:relative;transform:translate(0)!important;padding:0 1rem}#experience .stickies-wrapper .sticky:first-of-type{padding-left:3rem}#experience .stickies-wrapper .sticky:last-of-type{padding-right:3rem}#experience .stickies-wrapper .polaroid-wrapper{transform:none}#experience .date{position:relative}#experience h2{position:absolute;top:6rem}#experience .col:first-of-type{width:100%;max-width:calc(100vw - 8rem)}#experience .stickies-wrapper,#experience div+.stickies-wrapper{justify-content:flex-start;margin-top:4rem;margin-bottom:-1rem;width:135%;height:max-content}#experience .stickies-wrapper .polaroid-wrapper span:not(h2 span),#experience div+.stickies-wrapper .polaroid-wrapper span:not(h2 span){bottom:unset;margin-top:-5px}#experience .stickies-wrapper .sticky,#experience div+.stickies-wrapper .sticky{padding-top:1rem;padding-bottom:1rem}}@media only screen and (max-width:1080px){#experience{overflow-x:hidden}#experience .stickies-wrapper{left:0;overflow-x:auto}}@media only screen and (max-width:680px){#experience .col:first-of-type{max-width:calc(100vw - 6rem)}#experience .col:first-of-type h3{font-size:16px}#experience .col:first-of-type .tags-list{width:100%;overflow-x:scroll;flex-wrap:nowrap}#experience .history-timeline{margin-top:1rem;flex-direction:column}#experience .history-timeline article{position:relative}#experience .history-timeline article .experience-header{width:105%;background-color:var(--base-bg);align-items:center;padding:1rem 0 10px;top:0;z-index:2}#experience .history-timeline article h3{margin:0;font-size:18px}#experience .date-list{display:flex;width:100%;overflow-x:scroll;flex-wrap:nowrap}#experience .date-list li{margin-right:1rem}#experience .date-list:after{display:none}#experience .sticky:last-of-type{margin-right:5rem}}#projects{position:relative;width:100%;min-height:50vh;margin:12rem 0}#projects h2,#projects p{text-align:center}#projects .stickies-wrapper{display:flex;justify-content:center;align-items:center}#projects .drag-indicator{width:100%;padding:2rem 1rem;position:absolute;top:-1rem;left:-1rem}#projects .note-wrapper{display:flex;flex-direction:column;position:relative;padding:2rem}#projects .note-wrapper .sticky-content{cursor:pointer}#projects .note-wrapper .row{position:absolute;bottom:1.5rem;font-family:var(--robo);justify-content:space-between;align-items:center;width:calc(100% - 4rem)}#projects .note-wrapper .row span{letter-spacing:1px}#projects .note-wrapper h4{font-family:var(--robo);font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:0}#projects .note-wrapper p{text-align:center;font-family:var(--itim);font-size:20px;line-height:30px}#projects .note-wrapper .doodle{display:flex;align-items:center;justify-content:center;margin-bottom:-1.5rem}#projects .note-wrapper .doodle svg{margin:auto;width:60px;transition:width .4s}#projects .note-wrapper .sticky-content:hover .doodle svg{width:65px}@media only screen and (max-width:1080px){#projects{overflow-x:hidden;min-height:max-content;margin:0;padding-top:6rem}#projects .sticky:last-of-type{margin-right:5rem}#projects .stickies-wrapper,.stickies-wrapper{justify-content:flex-start}.stickies-wrapper{position:relative;width:125%;overflow-x:scroll;transform:rotate(3deg);margin:2rem -2.5rem}.stickies-wrapper .sticky{position:relative;transform:translate(0)!important;padding:0 1rem}.stickies-wrapper .sticky:first-of-type{padding-left:3rem}.stickies-wrapper .sticky:last-of-type{padding-right:3rem}}#contact{position:absolute;bottom:0;right:5rem;align-items:flex-end;pointer-events:none}#contact,#contact .contact-wrapper{display:flex;justify-content:flex-end}#contact .contact-wrapper{flex-direction:column;align-items:center;position:fixed;overflow:hidden;height:100%;width:500px;margin-right:-5rem;z-index:2;animation:fadein .6s forwards;bottom:2rem}#contact .contact-wrapper .something{transform:translateY(15rem)}#contact .contact-wrapper h2{padding:2rem;font-size:1.6em;transition:transform .4s;pointer-events:all;cursor:pointer;transform:translateY(3rem) rotate(-6deg);text-shadow:1px 1px 2px red 1px 1px 2px red 1px 1px 2px red 1px 1px 2px red}#contact .contact-wrapper .note{display:flex;justify-content:center;align-items:center;padding:2rem;cursor:default;transition:transform .4s;pointer-events:none;position:relative}#contact .contact-wrapper .note .note-wrapper{display:flex;flex-direction:column;justify-content:space-between;cursor:default;padding:2rem;box-shadow:0 0 20px 2px rgba(205,194,150,.2)}#contact .contact-wrapper .note .textarea{margin:0;max-width:calc(100% - 1rem);max-height:calc(100% - 3rem);font-size:24px;text-wrap:wrap;word-break:break-word;color:var(--secondary-txt);line-height:32px;letter-spacing:0}#contact .contact-wrapper .note input{background-color:rgba(205,194,150,.1);margin-bottom:1rem;border-radius:12px;font-family:var(--robo);letter-spacing:1px;padding:10px 1rem}#contact .contact-wrapper .note input.invalid{border:2px solid var(--accent1)}#contact .contact-wrapper .note input[name=subject]{position:absolute;visibility:hidden}#contact .contact-wrapper .note .error{font-size:14px;font-family:var(--jakarta);font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent1);display:block;position:relative;animation:shake .2s;animation-iteration-count:2}#contact .contact-wrapper .note .note-confirmation{position:relative;height:100%}#contact .contact-wrapper .note .note-confirmation .stamp{position:absolute;right:-10px;top:-10px}#contact .contact-wrapper .note .note-confirmation p{font-size:18px;line-height:24px;margin:1rem 0;padding-top:2rem;text-align:center}#contact .contact-wrapper .note .note-confirmation button{position:absolute;bottom:0;width:100%}#contact .contact-wrapper .note .receipt{width:70%;margin-bottom:1rem}#contact .contact-wrapper .note .receipt li{font-size:1em;font-family:var(--robo);overflow-wrap:break-word}#contact .contact-wrapper .note .receipt label{font-family:var(--robo);text-transform:uppercase}#contact .contact-wrapper .note button{font-size:16px}#contact .contact-wrapper .note .arrow-button{background-color:var(--secondary-txt);border-radius:8px;min-width:0;padding:2px 8px;width:max-content;transition:all .3s}#contact .contact-wrapper .note .arrow-button svg{width:16px}#contact .contact-wrapper .note .arrow-button:hover{transform:scale(1.1);background-color:var(--secondary-txt-lt)}#contact .contact-wrapper .note .arrow-right{position:absolute;right:1.5rem;bottom:1.5rem}#contact .contact-wrapper .note .submit-button{transform:none;transition:all .3s}#contact .contact-wrapper .note .submit-button:hover{background-color:var(--accent6-AA);transform:scale(1.05)}#contact .contact-wrapper .note .button-group{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;bottom:-.5rem}#contact .contact-wrapper .note button{pointer-events:all}#contact .contact-wrapper .note .textarea,#contact .contact-wrapper .note input,#contact .contact-wrapper .note li,#contact .contact-wrapper .note p,#contact .contact-wrapper .note span,#contact .contact-wrapper .note textarea{pointer-events:all;cursor:text}#contact .contact-wrapper:not(.reveal-note):hover h2{transform:translateY(-.5rem) rotate(-6deg)}#contact .contact-wrapper:not(.reveal-note):hover .note{transform:translateY(-3rem)}#contact .reveal-note h2{transform:translateY(-13rem) rotate(-6deg)}#contact .reveal-note .note{transform:translateY(-16rem)}@media only screen and (max-width:800px){#contact{justify-content:flex-start;position:relative;top:0;left:0;width:auto;overflow:hidden}#contact .contact-wrapper{position:relative;overflow:visible;height:100%;width:100%;margin:0 auto;padding:0;align-items:center;justify-content:center}#contact .contact-wrapper h2{text-align:center;transform:translateY(3rem) rotate(-6deg);pointer-events:none}#contact .contact-wrapper .note,#contact .contact-wrapper .something{transform:none}#contact .contact-wrapper:not(.reveal-note):hover h2{transform:translateY(3rem) rotate(-6deg);pointer-events:none}#contact .contact-wrapper:not(.reveal-note):hover .note{transform:none}#contact .reveal-note h2{transform:translateY(3rem) rotate(-6deg);pointer-events:none}#contact .reveal-note .note{transform:none}}@media only screen and (max-width:680px){#contact{min-height:60dvh}}@media only screen and (max-width:1024px){.main-content{max-width:100vw;padding:0 3rem}}@media only screen and (max-width:1080px){.main-content{padding:0}.main-frame{width:calc(100% - 6.5rem)!important;height:calc(100% - 7.5rem)!important}h2{font-size:1.6em}section{padding-left:2rem;padding-right:2rem}#about,#contact,#experience,#landing,#projects,section{width:auto}}@media only screen and (max-width:680px){.main-frame{margin:1.5rem!important;border-radius:32px!important}section{padding-left:1.5rem;padding-right:1.5rem}}