body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bordercol:#7e621a}.App{align-items:center;background-color:#4d4a42;height:100vh;justify-content:start;width:100vw}.mobile{display:none!important;display:flex;flex-direction:column;margin-top:40%;text-align:center;top:0}.mobile-text-1{font-size:3vmax}.mobile-text-2{color:#0009;font-size:2.5vmax;margin-top:0}.mobile-text-3{color:#0009;font-size:2vmax}@media (max-width:600px){.App,.pin,.pin-base,.pin-head{display:none!important}.mobile{display:block!important;height:100%;width:100%}}.hunp{height:100%;width:100%}.center{align-items:center;display:flex;justify-content:center}.row{flex-direction:row}.col,.row{display:flex}.col{flex-direction:column}.open-paper-bg{background-color:#000000a6;height:100%;width:100%;z-index:20}.open-paper-bg,.select-wrapper{animation:fade-in-select 1s;position:absolute}.select-wrapper{z-index:21}.select-view{background:#fff;border-radius:5px;box-shadow:0 0 10px 5px #0003}.book-divider{background-color:#6e4e19;height:40vw;width:2vw;z-index:0}.paper-border{fill:#0000;background:#0000;border:2vw solid #fff;border-radius:5px;height:44vw;pointer-events:none;position:absolute;width:33vw;z-index:20}.book-border{border:1vw solid #fff;height:39.7vw;width:31.1vw}.paper-specs{border:5px solid #fff;height:46vw;overflow:hidden;width:36.3vw}.book-specs{height:41.5vw;outline:10px solid #1d1203;width:33vw}@keyframes fade-in-select{0%,60%{opacity:0}to{opacity:1}}.corkborder{border:3px solid var(--bordercol);height:19.8vw;margin:2.12vw 0 0 1vw;width:80vw}.corkboard{align-items:center;background-image:url(/static/media/cork-texture.f71e321a5741d2d3d198.jpg);background-repeat:repeat;background-size:50%;height:100%;justify-content:space-evenly;width:100%}.pin{margin-left:6%;margin-top:1%;position:absolute;z-index:1}.pin-head{left:.3vw;top:0;width:.8vw}.pin-base,.pin-head{aspect-ratio:1;border-radius:50%;position:absolute}.pin-base{opacity:75%;width:1vw}.paper{align-items:center;aspect-ratio:58/83;background-color:#f5f5f5;border:1px inset #fff;box-shadow:0 4px 4px #00000040;height:18vw}.paper-title{font-family:Papyrus;font-size:1.25vw;margin:25% 2% 2%}.paper-text{color:#7e0a0a;font-family:Freestyle Script;font-size:.7vw;line-height:normal;margin-top:5%;text-align:center;width:85%}.postits{display:flex;flex-direction:column;justify-content:space-between;margin-left:1vw}.postit,.postits{height:100%;width:100%}.postit{background-color:#fafa7f}.postit-wrap{aspect-ratio:1;filter:drop-shadow(0 4px 4px #00000040);height:25%}.postit-image{height:80%}.paper{animation:paper-drop .5s ease-in-out forwards;transform:translateY(-120%)}@keyframes paper-drop{0%{transform:translateY(-120%)}to{transform:translateY(0)}}.pin{animation:pin-load .25s ease-in forwards;transform:scale(200%);visibility:hidden}@keyframes pin-load{0%{visibility:visible}to{transform:scale(100%);visibility:visible}}.paper:hover{box-shadow:0 10px 10px #00000040;cursor:grab;filter:brightness(100%)}.paper-wrapper:hover .pin-head{transform:scale(125%)}.paper-wrapper:hover .pin-base{filter:drop-shadow(-8px 4px 4px #000000a4);transform:scale(125%)}.postit:hover{-webkit-clip-path:polygon(0 0,0 100%,85% 100%,100% 85%,100% 0);clip-path:polygon(0 0,0 100%,85% 100%,100% 85%,100% 0);cursor:grab}.postit-wrap:hover{filter:drop-shadow(0 10px 10px #00000040)}:root{--pin-color:#aa1515}.portfolio-container{align-items:center;display:flex;height:25.5vw;margin-top:.6vw;position:relative;width:52vw}.map-wrapper{border-radius:5px;display:flex;height:96%;padding:1%}.map{border-radius:5px;height:100%}.tl-tape{left:-.5%;transform:rotate(-45deg)}.tl-tape,.tr-tape{background-color:#fff9;height:3.5%;position:absolute;top:3.5%;width:6%}.tr-tape{left:84.5%;transform:rotate(45deg)}.bl-tape{left:-.5%;transform:rotate(45deg)}.bl-tape,.br-tape{background-color:#fff9;height:3.5%;position:absolute;top:92.7%;width:6%}.br-tape{left:84.5%;transform:rotate(-45deg)}.map-title{color:#aa1515;color:var(--pin-color);font-family:Papyrus;font-size:1.5em;font-weight:700;left:4%;text-decoration:underline;text-shadow:0 0 10px #fff;top:6%}.map-pin,.map-pin-top,.map-title{position:absolute}.map-pin-top{background-color:#aa1515;background-color:var(--pin-color);border-radius:25px;bottom:0;height:.75vw;transition:.2s;width:.75vw;z-index:2}.grey-pin{background-color:#818181}.map-pin-needle{background-color:#a3a3a3;border-radius:25px;bottom:-.35vw;height:.4vw;left:.33vw;position:absolute;width:.1vw}.region-label{color:#fff;font-family:Papyrus;font-size:.75vw;font-style:italic;font-weight:700;position:absolute;text-shadow:0 0 10px #000,0 0 10px #000}.map-pin-top:hover{align-items:center;background-color:#fff;background-color:#ffffffad;border:2px solid var(--pin-color);border-radius:5px;display:flex;height:.8vw;justify-content:center;padding:.3vw;text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:50}.grey-pin:hover{border:2px solid #818181}.map-pin-text{color:#000;font-family:Papyrus;font-size:.9em;font-weight:700;margin-top:2.5vh;visibility:hidden;white-space:nowrap}.map-pin-top:hover .map-pin-text{visibility:visible}:root{--shelfcol:#48371b}.bookshelf{background-color:#5e470d;border:3px solid #221a04;border-radius:5px;height:24.5vw;margin-top:1vw;width:42.5vw}.innerbox-container{background-color:#d0c19c;height:100%;width:100%}.innerboxline1{-webkit-clip-path:polygon(94.7% 75%,95% 75%,99.7% 94.25%,100% 94.25%);clip-path:polygon(94.7% 75%,95% 75%,99.7% 94.25%,100% 94.25%)}.innerboxline1,.innerboxline2{aspect-ratio:3.41;background-color:#2b2111;position:absolute;width:41.7%}.innerboxline2{-webkit-clip-path:polygon(94.7% 75%,95% 75%,94.7% 0,95% 0);clip-path:polygon(94.7% 75%,95% 75%,94.7% 0,95% 0)}.innerboxline3{aspect-ratio:3.41;background-color:#2b2111;-webkit-clip-path:polygon(0 75%,0 75.3%,95% 75%,95% 75.3%);clip-path:polygon(0 75%,0 75.3%,95% 75%,95% 75.3%);position:absolute;width:41.7%}.books-row{left:.5%;position:relative;top:5.1%}.card{height:11.7vw;left:-.5%;position:absolute;top:-.7vw;width:10%}.card .base{background-color:#6e4e19;-webkit-clip-path:polygon(3% 1%,77% 1%,77% 99%,3% 99%);clip-path:polygon(3% 1%,77% 1%,77% 99%,3% 99%);display:flex;display:-webkit-flex;z-index:6}.card .base,.card .base-outline{height:100%;position:absolute;transition:-webkit-clip-path .3s ease-in;transition:clip-path .3s ease-in;transition:clip-path .3s ease-in,-webkit-clip-path .3s ease-in;width:100%}.card .base-outline{background-color:#1d1203;-webkit-clip-path:polygon(0 0,80% 0,80% 100%,0 100%);clip-path:polygon(0 0,80% 0,80% 100%,0 100%);z-index:5}.card .textE{align-self:center;color:#000;font-family:Papyrus;font-size:1.1vw;font-weight:700;justify-self:center;transform:rotate(180deg);transition:.3s ease-in;white-space:nowrap;writing-mode:vertical-rl}.card .top{background-color:#fff3cc;background-image:url(/static/media/lines.288c66f181ae7c86058f.png);background-repeat:repeat;background-size:10% 10%;-webkit-clip-path:polygon(4% 1%,77% 1%,77% 1%,4% 1%);clip-path:polygon(4% 1%,77% 1%,77% 1%,4% 1%);z-index:4}.card .top,.card .top-outline{height:100%;position:absolute;transition:-webkit-clip-path .3s ease-in;transition:clip-path .3s ease-in;transition:clip-path .3s ease-in,-webkit-clip-path .3s ease-in;width:100%}.card .top-outline{background-color:#1d1203;-webkit-clip-path:polygon(0 0,80% 0,80% 0,0 0);clip-path:polygon(0 0,80% 0,80% 0,0 0);z-index:3}.card .left{background-color:#423209;-webkit-clip-path:polygon(0 0,0 98%,0 0);clip-path:polygon(0 0,0 98%,0 0)}.card .left,.card .left-outline{height:100%;position:absolute;transition:-webkit-clip-path .3s ease-in;transition:clip-path .3s ease-in;transition:clip-path .3s ease-in,-webkit-clip-path .3s ease-in;width:100%}.card .left-outline{background-color:#1d1203;-webkit-clip-path:polygon(0 0,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 0);z-index:-1}.card:hover{cursor:grab}.card:hover .base{-webkit-clip-path:polygon(24% 26.5%,96% 26.5%,77% 99%,3% 99%);clip-path:polygon(24% 26.5%,96% 26.5%,77% 99%,3% 99%)}.card:hover .base-outline{-webkit-clip-path:polygon(21% 25.5%,99% 25.5%,80% 100%,0 100%);clip-path:polygon(21% 25.5%,99% 25.5%,80% 100%,0 100%)}.card:hover .textE{font-size:.8vw;transform:rotate(185.5deg) translate(-.8vw,-1.5vw)}.card:hover .top{-webkit-clip-path:polygon(4% 1%,77% 1%,96% 26.5%,25% 26.5%);clip-path:polygon(4% 1%,77% 1%,96% 26.5%,25% 26.5%)}.card:hover .top-outline{-webkit-clip-path:polygon(0 0,80% 0,99% 25.5%,21% 25.5%);clip-path:polygon(0 0,80% 0,99% 25.5%,21% 25.5%)}.card:hover .left{-webkit-clip-path:polygon(21% 25.5%,3% 99%,3% 1%);clip-path:polygon(21% 25.5%,3% 99%,3% 1%)}.card:hover .left-outline{-webkit-clip-path:polygon(24% 26.5%,0 100%,0 0);clip-path:polygon(24% 26.5%,0 100%,0 0)}.painting-container{aspect-ratio:1;display:flex;justify-content:center;padding:.5vw 0 0;position:relative;width:16vw;z-index:2}.painting{background-size:cover;filter:brightness(80%);height:100%;width:100%}.painting-border{background-color:var(--bordercol);border:3px solid var(--bordercol);box-shadow:0 4px 4px #00000040;height:92%;margin-top:10%;width:92%;z-index:2}.strings-container{height:27%;position:relative}.string1{left:7.75vw}.string1,.string2{height:40%;position:absolute;top:2px}.string2{left:1.75vw}.ellipse{aspect-ratio:1;background-color:#3d3d3d;border-radius:3px;height:.4vw;left:7.45vw;position:absolute}.socials-container{display:flex;flex-direction:row;flex-grow:1;height:5vw;justify-content:space-between;margin-left:.5vw;min-width:0;width:15vw}.social-wrap{align-items:center;display:flex;flex-direction:column;z-index:0}.socials-string{background-color:#d9d9d9;height:5%;position:absolute;width:2px}.logo{background-color:#000;border:3px solid var(--bordercol);box-shadow:0 3px 3px #00000040;height:3.6vw;margin-top:2vh;z-index:1}.gmail-container{aspect-ratio:1;background-color:#d9d9d9}.gmail{height:60%}:root{--highlight:#ff0}.painting{animation:fade-in 1s;opacity:1;transition:opacity .4s}.painting:hover{opacity:.6}.painting-border{animation:vertical-drop-painting 1.7s ease-in-out}@keyframes vertical-drop-painting{0%,10%{transform:translateY(-12%)}40%{transform:translateY(6%)}70%,to{transform:translateY(0)}}.string1{animation:right-string 1.7s ease-in-out}@keyframes right-string{0%,10%{transform:rotate(-15deg) translateY(-45%)}40%{transform:rotate(10deg) translateY(35%)}70%,to{transform:rotate(0deg) translateY(0)}}.string2{animation:left-string 1.7s ease-in-out}@keyframes left-string{0%,10%{transform:rotate(15deg) translateY(-45%)}40%{transform:rotate(-10deg) translateY(35%)}70%,to{transform:rotate(0deg) translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.social-wrap:hover .logo{animation:vertical-shaking 1s;filter:brightness(70%)}@keyframes vertical-shaking{0%{transform:translateY(0)}25%{transform:translateY(15%)}50%{transform:translateY(-15%)}75%{transform:translateY(15%)}to{transform:translateY(0)}}.logo-onload{animation:vertical-drop 1.7s forwards}.string-onload{animation:hide-string 1.7s}@keyframes vertical-drop{0%,15%{transform:translateY(-175%)}43%{transform:translateY(20%)}71%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes hide-string{0%,30%{visibility:hidden}to{visibility:visible}}
/*# sourceMappingURL=main.0ab32d6a.css.map*/