.toggle-button{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button__line{width:30px;height:2px;background:#fff}.toolbar{position:fixed;top:0;left:0;width:100%;background:purple;height:56px;z-index:50}.toolbar__navigation{display:flex;height:100%;align-items:center;padding:0 1rem}.toolbar__logo{margin-left:1rem}.toolbar__logo img{width:45px;height:auto;padding-top:5px}.toolbar__logo a{color:#fff;text-decoration:none}.toolbar_nav-items ul{list-style:none;margin:0;padding:0;display:flex}.toolbar_nav-items li{padding:0 .5rem}.toolbar_nav-items a{color:#fff;text-decoration:none}.toolbar_nav-items a:active,.toolbar_nav-items a:hover{color:orange}@media (max-width:768px){.toolbar_nav-items{display:none}.toolbar__toggle-button{margin-right:15px}}@media (min-width:769px){.toolbar__toggle-button{display:none}.toolbar__logo{margin-left:5px}}.home{text-align:center;color:#fff}.home__youtube{height:100vh;width:100vw}.home__text-container{margin-top:18%;font-size:2rem;font-family:"Rock Salt",cursive}.home__resume-button button{background-color:purple}.home__resume-button button,.home__resume-button button:hover{font-size:1.5rem;color:#fff;padding:12px;border-radius:10px;box-shadow:1px 0 7px rgba(0,0,0,.5)}.home__resume-button button:hover{background-color:orange}.home__resume-button button:active{font-size:1.5rem;background-color:rgba(255,166,0,.755);color:#fff;padding:9px;border-radius:10px;box-shadow:1px 0 7px rgba(0,0,0,.5)}.home__resume-button button:focus{outline:none}@media (max-width:768px){.home__text-container{margin-top:35%;font-size:1.5rem;font-family:"Rock Salt",cursive}}.side-drawer{height:100%;background:#fff;box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:0;left:0;width:75%;max-width:400px;z-index:200;transform:translateX(-100%);transition:transform .3s ease-out}.side-drawer.open{transform:translateX(0)}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:center}.side-drawer li{margin:1.5rem 0}.side-drawer a{color:purple;text-decoration:none;font-size:2rem}.side-drawer a:active,.side-drawer a:hover{color:orange}@media (min-width:769px){.side-drawer{display:none}}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.3);z-index:100}.about{min-height:100%;background-image:url(/static/media/Blue_GrungeBG.b66a8973.jpg);background-position:50%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.about__main-container{padding:10%;font-size:20px}.about__sub-container{display:grid;grid-template-rows:auto;padding:5%;color:#fff;background:purple;border:5px solid #db7093;border-radius:20px}.about__sub-container h1{margin-top:0;font-family:"Rock Salt",cursive;text-align:center}.about__sub-container a{color:#87ceeb;font-weight:700}.about__sub-container a:active,.about__sub-container a:hover{color:#ff0;font-weight:700}.about__headshot{float:left;margin:15px 25px 15px 0;width:50%;border:5px solid #87ceeb;border-radius:25px}.about__youtube-container{margin-top:20px;position:relative;overflow:hidden;padding-top:56.25%}.about__youtube-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (max-width:768px){.about__main-container{padding:25% 0;font-size:16px}.about__sub-container h1{font-size:1.5rem}.about__headshot{float:left;margin:15px 15px 15px 0;width:50%;border:5px solid #87ceeb;border-radius:25px}}.project-card{box-shadow:5px 5px 10px rgba(0,0,0,.75)}.project-card,.project-card:active,.project-card:hover{background-color:#87ceeb;overflow:hidden;border-radius:15px;margin:15px;width:75%;color:#000}.project-card:active,.project-card:hover{box-shadow:0 0 20px 10px #0ff}.accordion{position:relative}.accordion p{position:absolute;top:10px;left:16px;color:#f0f;font-weight:700}.project-card__image{bottom:0;width:100%}.accordion__content{overflow:hidden;transition:max-height .6s ease}.accordion__text{margin:0 15px;padding:5px 0;font-size:16px}.accordion__icon{transition:transform .6s ease;position:absolute;bottom:10px;right:16px}.rotate{transform:rotate(90deg)}@media (max-width:768px){.project-card{width:100%}.project-card:active,.project-card:hover{background-color:#87ceeb;overflow:hidden;box-shadow:5px 5px 10px rgba(0,0,0,.75);width:100%;color:#000}.accordion p{position:absolute;top:0;left:10px;color:#f0f;font-weight:700}}.projects{min-height:100%;background-image:url(/static/media/Blue_GrungeBG.b66a8973.jpg);background-position:50%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.projects__main-container{padding:10%;font-size:20px}.projects__sub-container{display:flex;flex-wrap:wrap;align-items:center;grid-template-rows:auto;padding:5%;color:#fff;background:purple;border:5px solid #db7093;border-radius:20px}.projects__sub-container h1{margin-top:0;font-family:"Rock Salt",cursive;justify-content:center}.projects__card-container{display:flex;flex-wrap:wrap;justify-content:space-around}@media (max-width:768px){.projects__main-container{padding:10% 0;font-size:20px}.projects__sub-container{margin-top:20%;margin-bottom:20%}.projects__sub-container h1{margin-top:0;font-family:"Rock Salt",cursive;text-align:center;font-size:2rem}}.skills{min-height:100%;background-image:url(/static/media/Blue_GrungeBG.b66a8973.jpg);background-position:50%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;text-align:center}.skills__main-container{padding:10%;font-size:20px}.skills__sub-container{padding:5%;color:#fff;background:purple;border:5px solid #db7093;border-radius:20px}.skills__sub-container h1{font-family:"Rock Salt",cursive;margin-top:0}.skills__sub-container button{margin-bottom:35px;font-size:1rem;background-color:#fff;color:#000;padding:12px;border-radius:10px;box-shadow:1px 0 7px rgba(0,0,0,.5)}.skills__sub-container button:focus{outline:none}.skills__sub-container button:hover{background-color:gold;padding:12px}.skills__sub-container button:active,.skills__sub-container button:hover{font-size:1rem;color:#000;border-radius:10px;box-shadow:1px 0 7px rgba(0,0,0,.5)}.skills__sub-container button:active{background-color:#daa520;padding:9px}.skills__skills-container{display:flex;flex-wrap:wrap;justify-content:center}.skills__skills-container i{padding-left:35px;padding-right:35px;padding-bottom:25px;font-size:4rem;color:#fff}.skills__skills-container ul{list-style:none;padding:0}.skills__skills-container li{padding-bottom:10px}.skills__icons{display:flex;flex-direction:column;justify-content:center}.skills__icons h2{color:#ff0;text-decoration:underline}.art-and-design,.client-side,.deployment,.devops,.project-management,.server-side,.social-media{display:flex;flex-wrap:wrap;justify-content:center}.icon-container p{color:#fff}.svg{width:64px;height:63px;padding:0 35px;margin:0;fill:#fff}@media (max-width:768px){.skills__main-container{padding:25% 0;font-size:16px}.skills__sub-container h1{font-family:"Rock Salt",cursive;font-size:1.2rem;margin-top:0}.skills__icons h2{font-family:"Rock Salt",cursive;font-size:1rem;text-decoration:underline}}.footer{position:fixed;bottom:0;left:0;width:100%;background:purple;height:56px;z-index:50;font-size:2.5rem}.footer__navigation{height:100%;align-items:center;padding:0 1rem}.footer__nav-items{display:flex;color:#fff}.spacer{flex:1 1}.fab,.fas{color:#fff;padding:10px}.fab:active,.fab:hover,.fas:active,.fas:hover{color:orange}.fourzerofour{min-height:100%;top:0;left:0;background-image:url(/static/media/Green-GrungeBG404.40ae81c8.png);background-position:50%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.fourzerofour__main-container{padding-top:60px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:100vh;min-width:100vw}.fzf-text{grid-row:1/span 2;grid-column:1/span 2;z-index:1}.doug-puzz,.fzf-text{width:60vw;display:none}.doug-puzz{grid-row:1;grid-column:3}@media (max-width:1025px){.fourzerofour{min-height:100%;background-image:url(/static/media/Green_GrungeBG.b63b544c.jpg);background-position:50%;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.fourzerofour__main-container{padding:0;display:flex;align-items:center;justify-content:center}.fzf-text{display:flex;width:80vw}}body,html{height:100%}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.512dbbda.chunk.css.map */