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{--primary-color:#84a59d;--dark-text:#351d77;--light-bg-main:#e8f0e4;--dark-bg:#002060;--accent-text:#f28482;--light-bg-accent:#f7ede2}html{font-size:16px;scroll-behavior:smooth}body{background:#e8f0e4;color:#351d77;font-family:Nunito Sans,sans-serif;font-size:1em}#root,body{width:100%}figure{margin:0}h1,h2,h3,h4,h5,h6{font-family:Alata,sans-serif;margin:0}h2,h3,h4,h5,h6{font-weight:400;text-align:center}h1{line-height:1.25em}h1,h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}ol,ul{list-style:none;margin:0;padding:0}img{height:auto;max-height:100%;max-width:100%;width:auto}p{font-size:1.25em;line-height:1.5em;margin:0}address{font-style:normal}.illuminati{display:none}.container{flex-direction:column;margin:0 auto;max-width:600px;padding:0}.container,.flex-row{align-items:center;display:flex;justify-content:center}.flex-row{flex-direction:row}.flex-col{align-items:center;display:flex;flex-direction:column;justify-content:center}main{width:100%}#skills,.content-wrapper,footer,header{align-items:center;display:flex;justify-content:center;width:100%}.content-wrapper{flex-direction:column}header{background:#e8f0e4;width:100%}header .content-wrapper{padding:0 20px 80px}header nav{align-items:center;flex-flow:row wrap;margin:30px 0 80px}header nav,header nav ul{display:flex;justify-content:space-around;width:100%}header nav li{border-radius:15px;max-width:100px;min-width:50px;padding:5px;text-align:center}header nav a{color:#351d77;text-decoration:none}header nav li:hover,nav li a:active{background:#eee4f0}header p{margin:15px 0;text-align:center}header p:last-child{margin-bottom:30px}h1{margin-bottom:15px;text-align:center}h1 span{color:#351d77;font-size:1.25em;text-shadow:-2px 2px #f4bedc}#char-sprite{-webkit-animation:walk 1s steps(8) 2,enter-sprite 2s linear forwards;animation:walk 1s steps(8) 2,enter-sprite 2s linear forwards;-webkit-animation-delay:1s;animation-delay:1s;background-image:url(http://localhost:3000/img/char-blue-haired-avatar-staff.png);background-position-x:0;background-position-y:-1101px;background-size:1300%;height:100px;left:-100px;position:absolute;top:150px;width:100px}@-webkit-keyframes enter-sprite{0%{left:-100px}to{left:200px}}@keyframes enter-sprite{0%{left:-100px}to{left:200px}}@-webkit-keyframes walk{0%{background-position-x:0}to{background-position-x:-800px}}@keyframes walk{0%{background-position-x:0}to{background-position-x:-800px}}@-webkit-keyframes spellcast{0%{background-position-x:0;background-position-y:-200px}to{background-position-x:-600px;background-position-y:-200px}}@keyframes spellcast{0%{background-position-x:0;background-position-y:-200px}to{background-position-x:-600px;background-position-y:-200px}}#projects{background:#fff;border-radius:15px;box-sizing:border-box;padding:20px;width:90%}#projects,#projects .content-wrapper{margin:auto}.project-items{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;width:80%}.project{background:#eee4f0;border-radius:15px;margin:20px 0;padding:25px 10px}.project figure{align-items:baseline;display:flex;height:auto;justify-content:center;margin:0 auto;max-width:90%}.project img{border-radius:15px;box-shadow:5px 10px 10px #afafaf}.project h4{margin:20px 0 30px}.project p{margin:10px 0}.project .description{margin-bottom:30px}.project a{background:#351d77;background:var(--dark-text);border-radius:50px;color:#fff;display:block;font-weight:700;margin:30px auto 0;padding:15px 0;text-align:center;text-decoration:none;text-transform:uppercase;width:200px}#skills{background:#e8f0e4}#skills .content-wrapper{padding:60px 0}.skills-content article{margin:40px 0 0}.skills-content li{background:#eee4f0;margin-top:20px;padding:15px 0;text-align:center}#about{background:#fff;border-radius:15px;box-sizing:border-box;margin:auto;padding:40px 20px;width:90%}#about figure{align-items:baseline;display:flex;justify-content:center;margin:0 auto 40px;max-height:300px;max-width:90%}#about img{border-radius:15px}.about-me-blurb{width:80%}#about h2{line-height:1em;text-align:left}#about h2 span{color:#351d77;font-size:.75em;text-shadow:-1px 1px #f4bedc}#about h4{margin-top:20px;text-align:left}#about h4 i{font-size:.9em}#about p{margin:20px 0}.resume-buttons{margin:15px auto;text-align:center}#about article{align-items:center;background:#351d77;border-radius:15px;color:#eee4f0;display:flex;flex-flow:row wrap;font-size:.9em;justify-content:center;padding:20px 0;width:80%}#about article p{font-size:1.25em;margin:0;text-align:center;width:100%}#about article p#topic{align-items:center;color:#f4bedc;cursor:pointer;display:flex;font-weight:700;height:60px;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}footer{background:#e8f0e4}footer .content-wrapper{padding:80px 0 20px}footer h4{margin:60px 0 30px}footer .message-me{text-align:center}.message-me a{background:#351d77;border-radius:15px;color:#e8f0e4;font-weight:700;padding:5px;text-decoration:none}.message-me div{margin-top:20px}footer .social-icons{align-items:center;display:flex;justify-content:space-evenly}footer .social-icons p{align-items:center;background-color:#351d77;border-radius:100%;display:flex;font-size:1.75em;height:0;justify-content:center;line-height:0;padding:20px;width:0}footer .social-icons a{color:#e8f0e4}.copyright{font-size:.875em;margin:60px 0 0;text-align:center;width:100%}.heart{color:#351d77;text-shadow:-.75px .75px #f4bedc}#resume{background:#e8f0e4;background:var(--light-bg-main);box-sizing:border-box;color:#351d77;color:var(--dark-text);left:0;position:relative;top:0;width:100%}#resume h1,#resume h2,#resume h3,#resume h4{font-weight:700;margin:0}#resume h2{font-size:1.25em}#resume h3{font-size:1.5em}#resume h4{font-size:1.2em;text-align:left}#resume h5{font-size:1em;font-style:italic;margin-top:10px;text-align:left}#resume .job-col h5{margin:0}.mint{color:#84a59d;color:var(--primary-color)}.salmon{color:#f28482}#resume .bio-block,#resume .blue-block,#resume .contact-block,#resume .exp-block,#resume .project-block{box-sizing:border-box;padding:25px}#resume .bio-row,#resume .header-row,#resume .skills-and-exp-row{box-sizing:border-box;flex-wrap:wrap;width:100%}#resume .name-block{background-color:#fff;box-sizing:border-box;padding:10px;position:relative;width:100%}.name-block>*{z-index:1}#resume .name-block:after{background-color:#f28482;background-color:var(--accent-text);content:"";height:100%;opacity:.5;position:absolute;width:100%;z-index:0}#resume .name-block h1{-webkit-text-stroke:.5px #002060}#resume .icon-block{margin-right:15px}#resume figure{background-color:#84a59d;background-color:var(--primary-color);border-radius:100%;box-sizing:border-box;height:100px;padding:5px;width:100px}#resume figure img{height:auto;max-height:100%;max-width:100%;width:auto}#resume figure img.fit-to-circ{max-height:80%;max-width:80%}#resume .contact-block{background-color:#f7ede2;background-color:var(--light-bg-accent);box-sizing:border-box;width:100%}#resume .contact-block .flex-row{justify-content:space-between;margin:5px auto;width:100%}#resume .bio-block p{margin:5px auto}#resume .bio-block .flex-row a:hover{font-size:1.25em}#resume .featured-project{padding:5px}#resume .featured-project a{color:inherit;font-weight:700}#resume .blue-block{background-color:#002060;background-color:var(--dark-bg);color:#fff}#resume #skill-block p,#resume .skill-block ul{margin-top:15px}#resume .edu-block{margin-top:15px;max-width:350px}#resume .edu-block p{margin-top:15px}#resume .bio-block .flex-row,#resume .blue-block ul.flex-row{flex-wrap:wrap}#resume .bio-block .flex-row a,#resume .blue-block ul.flex-row li{color:inherit;min-width:30%;padding:5px;text-align:center}#resume .exp-block{background-color:#f7ede2;background-color:var(--light-bg-accent)}#resume .exp-block h4{color:#f28482;color:var(--accent-text)}#resume .exp-block .flex-row{align-items:start}#resume .exp-block .job-block{width:100%}#resume .exp-block .date-col{padding-top:10px;position:relative;text-align:right;width:20%}#resume .exp-block .job-col{border-bottom:1px solid #f28482;border-bottom:1px solid var(--accent-text);padding:10px 0 10px 50px;position:relative;width:80%}#resume .exp-block .job-col:before{background-color:#f28482;background-color:var(--accent-text);border:2px solid;border-radius:100%;content:"";height:6px;left:15px;position:absolute;top:20px;width:6px;z-index:1}#resume .exp-block .job-col:after{background-color:#351d77;background-color:var(--dark-text);border:1px solid;content:"";height:100%;left:19px;position:absolute;top:20px;transition:all 1.5s ease .75s;width:0}#resume .exp-block .reveal .job-col:after{height:0}#resume .exp-block .reveal.active .job-col:after{height:100%}#resume .exp-block ul{list-style:disc;margin:5px;padding:5px}#resume .exp-block ul ul{list-style:circle}.reveal{opacity:0;position:relative;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all 1s ease}#resume .reveal h3,#resume h3.reveal{text-shadow:0 3px #f28482,0 5px #f28482,0 7px #f28482;text-shadow:0 3px var(--accent-text),0 5px var(--accent-text),0 7px var(--accent-text);transition:all 1s ease}#resume .active .mint,#resume .mint.active{-webkit-animation:bounce-shadow 2s forwards;animation:bounce-shadow 2s forwards}@-webkit-keyframes bounce-shadow{0%{text-shadow:0 3px #f28482,0 5px #f28482,0 7px #f28482;text-shadow:0 3px var(--accent-text),0 5px var(--accent-text),0 7px var(--accent-text)}to{text-shadow:none}}@keyframes bounce-shadow{0%{text-shadow:0 3px #f28482,0 5px #f28482,0 7px #f28482;text-shadow:0 3px var(--accent-text),0 5px var(--accent-text),0 7px var(--accent-text)}to{text-shadow:none}}.reveal.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes bounce-up{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-up{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#button-slider{background:#fff;box-sizing:border-box;left:0;padding:25px;position:relative;top:0;transition:.5s ease;width:100%;z-index:1000}#button-slider.closed{height:0;overflow:hidden;padding:0;transition:.5s ease}#button-slider p{font-size:1em;margin:10px 15px;padding:5px;text-align:center}#button-slider .flex-row.info-blurb{align-items:start}#button-slider.closed .color-list,#button-slider.closed .color-picker{display:none}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation:bounce 1s ease 1;animation:bounce 1s ease 1}.buttons-button{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;position:relative;top:-15px;width:10vw;z-index:1000}.palette-item{border:3px solid;border-radius:25px;cursor:pointer;height:100px;margin:5px;position:relative;text-shadow:1px 1px #fff;transition:1s ease;width:100px}.color-list.flex-row{flex-wrap:wrap}.color-picker{background-color:#fff;border:3px solid #351d77;border-radius:25px;box-shadow:0 5px 5px rgba(0,0,0,.4);box-sizing:border-box;color:#000;overflow:hidden;padding:25px;position:absolute;right:0;z-index:100}.color-picker ul{border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,.4);height:300px;margin-top:15px;overflow-y:scroll;padding:10px 0}.color-picker li{padding:5px}.color-picker li span{margin-right:10px}.color-option-preview{border-radius:5px;display:inline-block;height:15px;width:15px}.color-option{border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:5px}#color-preview{border:3px solid #351d77;border-radius:25px;box-sizing:border-box;height:150px;margin:auto;width:150px}.heart{fill:#fff;cursor:pointer;-webkit-filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));filter:drop-shadow(3px 5px 2px rgb(0 0 0/.4));opacity:.5;transition:1s ease}#color-preview:hover .heart{opacity:1}.edit-res-edu,.edit-res-exp,.edit-res-link,.edit-res-proj{align-items:start;border-bottom:2px dashed;padding:10px}.edit-res-edu{align-items:flex-end}.edit-res-edu .span-button{margin:0}.hunny-p{width:100%}.eighty-p{width:80%}.twenty-p{width:20%}.align-start{align-items:start}.span-button{background:#f5cac3;border:2px solid;border-radius:15px;box-sizing:border-box;color:#351d77;cursor:pointer;display:flex;font-weight:700;justify-content:center;margin:10px auto;min-height:30px;min-width:30px;padding:5px 10px;text-align:center;text-transform:lowercase}.span-button.xl{min-width:150px;padding:10px 15px;text-transform:none}.span-button.shade{opacity:.5}.span-button.selected{background:#351d77;color:#f5cac3;opacity:1}#always-visible{left:25px;position:fixed;top:30vh;z-index:10000}#confirmation-box{background-color:rgba(0,0,0,.5);font-size:1.5em;height:100vh;left:0;position:fixed;text-align:center;top:0;transition:.5s ease;width:100%;z-index:1000000}.inner-conf{background:#fff;border-radius:25px;margin:20vh;padding:25px}input,textarea{background:transparent;border:2px solid #84a59d;border-radius:5px;color:inherit;font-family:inherit;font-size:16px;max-width:200px;padding:5px}.resume-buttons a{background:#f4bedc;border-radius:15px;color:#351d77;font-weight:700;padding:5px 10px;text-decoration:none}@media screen and (min-width:768px){.container{max-width:640px}#projects{width:100%}.project-items{align-items:start;flex-flow:row wrap;justify-content:space-around;width:100%}.project{width:45%}#skills ul{text-align:center}#skills li{display:inline-block;margin:10px;width:40%}.footer-content{display:flex;justify-content:space-around;width:100%}.message-me-container,.social-icons-container{width:40%}#resume{padding:0 10%}#resume .header-row.flex-row,#resume .skills-and-exp-row.flex-row{align-items:stretch}#resume .bio-block,#resume .contact-block,#resume .name-block,#resume .project-block{width:50%}#resume .bio-row.flex-row{align-items:start}#resume .blue-block{width:30%}#resume .exp-block{width:70%}#resume .blue-block.flex-col{justify-content:start}}@media screen and (min-width:1200px){.container{max-width:960px}header nav ul{width:45%}.project{width:30%}#skills li{width:25%}#about .content-wrapper{flex-flow:row wrap}.about-me-blurb{width:45%}#resume{padding:0 25%}}@page{margin:0;width:8.5in}@media only print{html{font-size:11px}body{background:#f7ede2;background:var(--light-bg-accent);font-size:1em}#always-visible,#button-slider,.buttons-button{display:none}#resume .header-row.flex-row,#resume .skills-and-exp-row.flex-row{align-items:stretch}#resume .bio-block,#resume .contact-block,#resume .name-block,#resume .project-block{width:50%}#resume .bio-row.flex-row{align-items:start}#resume .blue-block{width:30%}#resume .exp-block{width:70%}#resume .blue-block.flex-col{justify-content:start}.reveal{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#resume .reveal h3,#resume h3.reveal{text-shadow:none}#resume .exp-block .reveal .job-col:after{height:100%}}
/*# sourceMappingURL=main.426b609e.css.map*/