@import url(https://fonts.googleapis.com/css2?family=Paytone+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;500;700&display=swap);div.layout{align-items:center;background-color:var(--BLACK);flex-direction:column}div.full-bg,div.layout{display:flex;height:100vh;width:100vw}div.full-bg{background-image:url(https://images.ctfassets.net/hkpf2qd2vxgx/7uBnRmVd5qt1ZqTjEj1ZF8/a3e8bb245c23bd9bd119faa9214f69dc/campus-8.jpg_w_1952);background-position:50%;background-size:cover;position:absolute}div.full-bg#blur{-webkit-filter:blur(5px);filter:blur(5px);transition:-webkit-filter 1s cubic-bezier(.645,.045,.355,1);transition:filter 1s cubic-bezier(.645,.045,.355,1);transition:filter 1s cubic-bezier(.645,.045,.355,1),-webkit-filter 1s cubic-bezier(.645,.045,.355,1);-webkit-transition:filter 1s cubic-bezier(.645,.045,.355,1)}div.home-menu{zoom:1;bottom:25px;display:flex;flex-wrap:wrap;height:auto;justify-content:space-between;padding:0 25px;position:absolute;width:100%}h1.home-title{color:var(--WHITE);font-family:Paytone One;font-size:38px;letter-spacing:3px;line-height:1.23;margin-bottom:.5em;text-transform:uppercase}p.home-text{color:var(--WHITE);font-size:12px;font-weight:700;letter-spacing:4px;line-height:2}button.menu-item{align-items:center;border:none;border-radius:4px;color:var(--WHITE);cursor:pointer;display:flex;font-family:Paytone One;font-size:3vh;height:10%;justify-content:center;margin:5px 0;min-width:160px;text-transform:uppercase;transition:background-color .3s cubic-bezier(.645,.045,.355,1);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);width:23%}button.menu-item#about{background-color:var(--PINK)}button.menu-item#about:hover{background-color:var(--PINKLITE)}button.menu-item#experience{background-color:var(--BLUE)}button.menu-item#experience:hover{background-color:var(--BLUELITE)}button.menu-item#projects{background-color:var(--PEACH)}button.menu-item#projects:hover{background-color:var(--PEACHLITE)}button.menu-item#contact{background-color:var(--AQUA)}button.menu-item#contact:hover{background-color:var(--AQUALITE)}button.stitch-link{background-color:initial;border:none;color:var(--WHITE);cursor:pointer;font-size:20px;position:absolute;right:0;z-index:3}g#heart{fill:var(--WHITE)}g#heart:hover{fill:var(--ERRORDARK)}div.container{scrollbar-gutter:stable;background:var(--WHITE);border-radius:4px;border-style:solid;border-width:2vw;display:flex;height:80%;justify-content:center;margin:2%;max-height:900px;max-width:1200px;overflow-x:clip;overflow-y:auto;padding:2%;position:absolute;width:97%}div.container#about{border-color:var(--PINK)}div.container#experience{border-color:var(--BLUE)}div.container#projects{border-color:var(--PEACH)}div.container#contact{border-color:var(--AQUA)}h1.headline{font-family:Paytone One;font-size:3vh;letter-spacing:3px;line-height:1.23;margin-bottom:.5em;margin-top:2%}h1.headline#right{margin-bottom:0;margin-top:.5em;text-align:end}h1.headline.pink{color:var(--PINK)}h1.headline.blue{color:var(--BLUE)}h1.headline.blue#second{margin-top:1em}h1.headline.peach{color:var(--PEACH)}h1.headline.aqua{color:var(--AQUA);margin-bottom:25px}div.button-row{display:flex;flex-wrap:wrap;margin-top:60px;width:auto}div.button-row.close{margin-top:25px}div.button-row button.sm{color:var(--WHITE);font-size:15px;height:40px;text-transform:uppercase;width:150px}div.button-row button.sm,div.button-row button.sm.experience-button{background-color:var(--BLUELITE)}div.button-row button.sm.experience-button:hover{background-color:var(--BLUE)}div.button-row button.sm.github-button{background-color:var(--PEACHLITE)}div.button-row button.sm.github-button:hover{background-color:var(--PEACH)}div.button-row button.sm#left{margin-right:15px}div.button-row button.sm.send{background-color:var(--AQUA)}div.button-row button.sm.send:hover{background-color:var(--AQUALITE)}div.wrap{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2%;max-width:850px;width:100%}div.comic-row{align-items:center;display:flex;margin:25px 0}div.comic-row#bottom{align-items:end}img.comic{border:3px solid var(--LITEBLACK);border-radius:4px;height:80px;margin:0 10px;object-fit:cover}img.comic#bottom{margin-top:.5em}img.icon{-webkit-filter:grayscale(1);filter:grayscale(1);height:30px;margin:auto;width:30px}div.card,div.icon-row{display:flex}div.card{flex-direction:column;margin:0 5px;width:50px}p.caption{color:var(--LITEBLACK);font-size:10px;margin-bottom:0;text-align:center}div.skill-row{flex-wrap:wrap;width:auto}div.column#title,div.skill-row{align-items:center;display:flex}div.column#title{justify-content:flex-end;margin-right:20px;min-width:300px;width:40%}div.exp-item{display:flex;flex-wrap:wrap;line-height:.5}h2{font-size:16px;font-weight:700;margin-bottom:0;text-transform:uppercase}h2.role{color:var(--BLACK);margin-right:10px;width:300px}h2.company,h3{color:var(--LITEBLACK)}h3{font-size:14px;font-style:italic;font-weight:500}h3.time{-webkit-margin-before:1em;-webkit-margin-after:0;margin-block-end:0;margin-block-start:1em;margin-right:10px;width:300px}div.specifics{margin-top:35px}p.sm-headline.blue{color:var(--BLUELITE);font-family:Paytone One;font-size:2vh;letter-spacing:1px;line-height:1.23;margin-bottom:0;width:150px}div.projects{display:flex;flex-wrap:wrap;justify-content:space-between}h2.project-name{color:var(--PEACHLITE);font-family:Paytone One;font-size:2.5vh;letter-spacing:2px;line-height:1.23;margin-bottom:.5em}h2.project-name:hover{color:var(--PEACH)}div.project-card{width:400px}div.contact{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:2%;max-width:840px}div.contact-form{display:flex;flex-direction:column}.form-item{border:1px solid var(--AQUA);border-radius:4px;color:var(--LITEBLACK);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5;margin:5px 0;max-width:400px;padding:5px;width:100%}.form-item.text{height:35px}.form-item.area{font-family:var(--BASEFONT);height:80px}.form-item.red{border:1px solid var(--ERRORDARK)}.form-item:focus-visible{outline:none}textarea::-webkit-input-placeholder{color:var(--XLITEBLACK);font-family:var(--BASEFONT);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}textarea::placeholder{color:var(--XLITEBLACK);font-family:var(--BASEFONT);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}::-webkit-input-placeholder{color:var(--XLITEBLACK);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}::placeholder{color:var(--XLITEBLACK);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}:-ms-input-placeholder{color:var(--XLITEBLACK);font-size:12px;font-weight:600;letter-spacing:1px;line-height:1.5}div.status{align-items:center;display:flex;flex-direction:column;margin:15px 0;max-width:400px;padding:10px 12px;text-align:center}div.status.error{background-color:var(--ERRORLITE)}div.status.success{background-color:var(--AQUA)}h4.status{font-family:Paytone One;margin-bottom:0;margin-top:10px}h4.status.error{color:var(--ERRORDARK);font-size:20px}h4.status.success{color:var(--WHITE);font-size:25px}p.status-text{font-size:13px}.background{background-image:url(https://res.cloudinary.com/das8diykm/image/upload/g_auto/f_auto/q_auto/stitching/paper.jpg);background-position:50%;display:flex;flex:auto;flex-direction:column;justify-content:space-between;min-height:100vh;padding:3%}h1.title{align-items:center;display:flex;font-family:Josefin Sans;font-size:40px;font-weight:300;line-height:1.23;margin-bottom:.5em;margin-top:0;text-transform:uppercase}button.back{background-color:var(--WHITELITE);border:1px solid var(--WHITE);border-radius:50%;color:-internal-light-dark(#000,#fff);display:flex;height:2em;margin-bottom:8px;margin-right:15px;width:2em}button.back:hover{background-color:var(--WHITE)}button.back svg{overflow:visible;z-index:3}.craft{zoom:1;display:flex;height:auto;margin-left:0;margin-right:0;position:relative}.craft:after,.craft:before{content:"";display:table}.craft:after{clear:both}div.list-view{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;float:left;padding:0;position:relative;width:33%}button.btn-preview{-webkit-appearance:button;background-color:initial;background-image:none;border:none;border-radius:50%;box-shadow:2px 2px 15px 6px;box-sizing:border-box;color:rgba(0,0,0,.65);cursor:pointer;display:inline-block;font-size:14px;font-weight:400;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.499;margin-left:10px;max-width:300px;outline:0;padding:0;position:absolute;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);white-space:nowrap;width:100%}button.btn-preview:hover{background:#fff;background-color:initial;color:#fff}img.preview{border-style:none;max-width:300px;vertical-align:middle;width:100%}div.view{box-sizing:border-box;flex:0 0 auto;flex-direction:column;float:left;padding-left:3%;padding-right:0;position:relative;width:66%}button.flip,div.view{align-items:center;display:flex}button.flip{background:var(--WHITELITE);background-color:#ffffffe8;border:1px solid var(--WHITE);color:#000000ba;font-family:Josefin Sans;font-weight:400;padding:8px 10px 5px 14px;position:absolute;right:100px;top:0}button.flip svg{margin-bottom:4px;margin-right:5px}button.flip.sm{border:none;position:relative;right:unset;top:unset}div.img-wrap-lg{background-color:initial;border-radius:50%;box-shadow:2px 2px 15px 6px;box-sizing:border-box;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px}div.img-wrap-lg,img.hoop-img{max-width:600px;width:100%}img.hoop-img.blur{display:none;-webkit-filter:blur(10px);filter:blur(10px);opacity:0;position:absolute;transition:opacity 1s ease-in}img.hoop-img.loading{display:flex;opacity:1}h2.hoop-name{font-family:Josefin Sans;font-size:24px;font-weight:400;letter-spacing:1px;line-height:1.35;margin-bottom:.5em}h2.hoop-name.sm{margin-bottom:0;margin-left:15px;margin-top:0;max-height:65px}span.light{font-size:20px;font-weight:300;margin-left:15px}span.light.sm{margin-left:0}div.bottom-row{display:flex;flex-direction:row;justify-content:flex-end;margin-top:auto}div.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:10px solid #f3f3f340;border-radius:50%;border-top:10px solid var(--WHITE);display:block;height:60px;margin-left:15%;margin-top:15%;position:fixed;width:60px}div.loader.black{border-top:10px solid var(--XLITEBLACK);border:10px solid var(--XLITEBLACK);border-top-color:var(--BLACK);margin-left:40%;margin-top:-15%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}div.hide{display:none}div.sm-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:15}button.sm-preview{-webkit-appearance:button;background-color:initial;border:none;border-radius:50%;box-shadow:2px 2px 5px 2px;box-sizing:border-box;color:rgba(0,0,0,.65);font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.499;margin:5px;max-width:150px;outline:0;padding:0;transition:all .3s cubic-bezier(.645,.045,.355,1);width:100%}img.sm-preview{max-width:350px;width:100%}.sm-text{align-items:"center";color:var(--LITEBLACK);display:flex;font-family:Josefin Sans,sans-serif}div.modal{background-color:#ffffffe8;display:flex;flex-direction:column;height:85%;justify-content:space-between;min-height:50vh;padding:15px 0;position:absolute;top:12%;width:98%}section.sm-hoop{border-radius:50%;box-shadow:2px 2px 5px 2px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20;max-width:600;width:100%}section.sm-hoop.loading{box-shadow:none}img.sm-hoop{display:block;max-width:600px;width:100%}img.sm-hoop.loading{display:none}div.modal-row{bottom:0;display:flex;height:32px;justify-content:space-between;position:absolute;width:100%}button.close-modal{background:transparent;color:var(--XLITEBLACK);font-family:Josefin Sans;font-size:20px;font-weight:400;position:absolute;right:0;top:5px}button.move{background-color:#ffffffe8}body,html{height:100%;width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(22,19,19,0);font-family:sans-serif;line-height:1.15}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";background-color:#000;color:rgba(0,0,0,.65);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-variant:tabular-nums;margin:0;padding:0;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{--PINK:#d99b84;--PINKLITE:#d99b84cc;--BLUE:#3d5473;--BLUELITE:#3d5473cc;--PEACH:#d99f6c;--PEACHLITE:#d99f6ccc;--AQUALITE:#b4ced9cc;--AQUA:#93c0d3;--WHITE:#fff;--WHITELITE:#ffffff4f;--BLACK:#000;--LITEBLACK:#000000a6;--XLITEBLACK:#0000005e;--ERRORLITE:#e7b0b1;--ERRORDARK:#810000;--BASEFONT:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:#000}a{-webkit-text-decoration-skip:objects;background-color:initial;color:#1890ff;cursor:pointer;outline:none;text-decoration:none;transition:color .3s}a:hover{color:#40a9ff}a:active{color:#096dd9}a:active,a:hover{outline:0;text-decoration:none}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Paytone One;justify-content:center;text-transform:uppercase;transition:background-color .3s cubic-bezier(.645,.045,.355,1);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1)}button:disabled{color:var(--XLITEBLACK)}button:disabled svg{fill:var(--XLITEBLACK)}div.divider{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum","tnum","tnum";background:#e8e8e8;clear:both;display:block;font-size:14px;font-variant:tabular-nums;height:1px;list-style:none;margin:.5em 0;min-width:100%;padding:0;position:relative;top:-.06em;width:100%}div.divider,p{color:var(--LITEBLACK);line-height:1.5}p{font-size:14px;font-weight:500;letter-spacing:1px}
/*# sourceMappingURL=main.be5b50e5.css.map*/