@font-face{font-family:"Eras ITC";font-style:bold;font-weight:700;src:url("../fonts/erasbd-webfont.woff")}@font-face{font-family:"Eras ITC";font-style:normal;font-weight:600;src:url("../fonts/erasdemi-webfont.woff")}@font-face{font-family:"Eras ITC";font-style:light;font-weight:300;src:url("../fonts/eraslght-webfont.woff")}@font-face{font-family:"Eras ITC";font-style:medium;font-weight:400;src:url("../fonts/erasmd-webfont.woff")}@font-face{font-family:"Magneto";font-style:normal;font-weight:700;src:url("../fonts/magnetob-webfont.woff")}p,a,li,#submit-contact{font-family:"Rockwell";color:#ebebeb;font-size:16px;line-height:1.5em;letter-spacing:.5px}a{text-decoration:none}a:visited{color:#ebebeb}a:visited:hover{color:#ebebeb;transition:all .5s ease-in-out}a:hover{color:#ebebeb;transition:all .5s ease-in-out}h3{font-family:"Eras ITC";font-weight:600;color:#ebebeb;font-size:30px}li a:not(.external-link){font-family:"Eras ITC";font-weight:600;text-decoration:none;color:#000;font-size:16px;transition:all .5s ease-in-out}li a:not(.external-link):hover{text-decoration:underline;color:#ebebeb;transition:all .5s ease-in-out}li a:not(.external-link):visited{color:#000}.external-link{text-decoration:underline !important;transition:all .5s ease-in-out}.external-link:hover{color:#5ea019 !important}.mobile-X{color:#000;margin-top:5px;margin-right:10px;font-size:24px}@media screen and (min-width: 768px){p,a,li,#submit-contact{font-size:18px}h3{font-size:36px}li a:not(.external-link){font-size:18px}.mobile-X{font-size:28px}}@media screen and (min-width: 1200px){p,a,li,#submit-contact{font-size:22px}h3{font-size:40px}li a:not(.external-link){font-size:24px}}body{background-color:#000}header{margin-bottom:50px;background-color:#76c723}header .grid-con{margin:0;grid-column:2}.hamburger{display:flex;justify-self:center;align-self:center;height:30px;transition:all .5s ease-in-out}.rotate{transform:rotate(90deg)}.navigation{display:none}.nav-appear{display:grid !important}.sm-appear{display:flex !important;flex-direction:row}.pop-up{height:200px}.header-logo{display:flex;justify-content:center;align-content:center;max-height:90px;padding-top:20px;padding-bottom:20px}.social-media-header{display:none;align-items:center;justify-content:space-between}.social-media-header a svg{height:40px;width:40px}.navigation{display:none;align-content:center;justify-content:center}.navigation ul{display:flex;flex-direction:column;justify-content:center}.navigation ul li{padding-top:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #000}.navigation ul li:last-of-type{border-bottom:none}@media screen and (min-width: 768px){.header-logo{max-height:90px;padding-top:10px;padding-bottom:10px}}@media screen and (min-width: 1200px){.header-logo{max-height:90px;padding-top:15px;padding-bottom:15px}.hamburger{display:none}.social-media-header{display:flex}.navigation{display:grid;order:0}.navigation ul{flex-direction:row}.navigation ul li{border-bottom:none;padding-top:0;padding-bottom:0;margin:0;padding-left:30px;padding-right:30px}}.name-bottom{height:28px;margin-bottom:30px}@media screen and (min-width: 768px){.name-bottom{height:35px}}.header-logo:hover .cls-1-h{fill:#fff;transition:all .5s ease-in-out}.github path{transition:all .5s ease-in-out}.github:hover path{fill:#fff}.linkedin:hover .out{fill:#fff;transition:all .5s ease-in-out}.linkedin:hover .in{fill:#76c723;transition:all .5s ease-in-out}footer{height:50px}.copyright{text-align:center;grid-column:2}.lb_close{margin-top:20px !important;margin-bottom:20px !important;font-size:48px;transition:all .5s ease-in-out;justify-self:flex-end}.lb_close:hover{color:#76c723 !important}.close-box{padding-top:20px}#video-container{position:relative;display:flex;flex-direction:column}.video-controls{position:absolute;right:0;left:0;bottom:0;display:flex;background-image:radial-gradient(#76C723, black 55%);transition:all .5s ease-in-out}.video-controls.hide{opacity:0;pointer-events:none}button{padding:0;border:0;background-color:rgba(0,0,0,0)}.fa,.fa-solid,.fa-regular{color:#76c723;font-size:30px;margin-left:30px;padding-top:5px;padding-bottom:5px}.fa-volume-up{margin-left:auto;margin-right:20px}#full-screen{padding-right:10px}#main-mobile-menu{background-color:#5ea019;position:fixed;top:0;left:0;height:100vh;width:100%;visibility:hidden;opacity:0;transition:all ease-in-out .5s}#mobile-lightbox{display:flex;flex-direction:column;align-items:center;padding-top:50px}#mobile-lightbox li{margin-top:5px;margin-bottom:5px}.line-spacer{width:80%;border-bottom:1px solid #000;margin-left:30px;margin-right:30px}#lb-sm{display:flex;justify-content:space-evenly}#lb-sm svg{height:50px}#lb-h3{width:100%;color:#000}@media screen and (min-width: 768px){#main-mobile-menu{display:none !important}}#main-home h3{text-align:center;margin-bottom:30px}#main-home img{display:flex;margin-bottom:20px}#main-home #roles-mobile{display:flex;flex-direction:row;justify-content:space-evenly}#main-home #roles-mobile p{margin-bottom:30px}#main-home #roles-mobile p:not(.role-text){border-right:1px solid #ebebeb}.link-button{color:#ebebeb}.link-button:visited{color:#ebebeb}.role-text{cursor:pointer;text-decoration:underline}.role-text:hover{color:#000}.role-text:target{color:#76c723}#chibi-quote{display:none;background-color:#2a2a2a;border:2px solid #5ea019;border-radius:10px;padding:22px 17px;margin-bottom:30px}#chibi-home{justify-self:center}#mobile-headshot{max-height:186px}#homepage-buttons{margin-bottom:30px}#homepage-buttons .link-button{display:flex;flex-direction:column;flex-wrap:wrap;padding:25px;background-color:#2a2a2a;border:2px solid #76c723;border-radius:43px;text-align:center;margin-bottom:20px;cursor:pointer}#homepage-buttons .link-button:hover{background-color:#5ea019;color:#ebebeb}#info-area{display:none}#demo-reel{text-align:center;margin-bottom:50px}#demo-reel p,#demo-reel a{color:#ebebeb;cursor:pointer;text-decoration:underline}#demo-reel p:hover,#demo-reel a:hover{color:#76c723;transition:all .5s ease-in-out}#demo-reel p:visited,#demo-reel a:visited{color:#ebebeb}#demo-reel p:visited:hover,#demo-reel a:visited:hover{color:#76c723;transition:all .5s ease-in-out}#demo-lb{position:absolute;display:none;top:0;height:100vh;width:100%;z-index:10;background-color:rgba(0,0,0,.8)}#demo-lb .grid-con{margin:0;grid-column:2}video{margin-top:10px}@media screen and (min-width: 200px){.role-text{font-size:12px}}@media screen and (min-width: 320px){.role-text{font-size:14px}}@media screen and (min-width: 400px){.role-text{font-size:16px}}@media screen and (min-width: 768px){#mobile-headshot{display:none !important}.role-text{font-size:18px}#chibi-home{transform:scaleX(-1);justify-self:flex-end}#mobile-name{display:none}#greeting{display:flex;justify-content:center;align-content:flex-end;flex-wrap:wrap}#chibi-quote{text-align:right;margin-bottom:0}#greeting,#chibi-home{order:1}#homepage-buttons{margin-bottom:50px}#roles-mobile{display:none !important}#info-area{background-color:#2a2a2a;border:3px solid #76c723;border-radius:30px;display:flex;order:1;flex-direction:row;justify-content:space-evenly;align-items:center;margin-bottom:60px}#info-area #profile-image{max-width:128px;display:flex;justify-content:center}#info-area #profile-image img{padding-top:10px}#info-area #profile-text{padding-top:20px}#info-area #roles-bigger{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}#info-area #roles-bigger p{margin-bottom:30px}#info-area #roles-bigger p:not(.role-divider){padding-left:10px;padding-right:10px}#info-area #roles-bigger p:not(.role-text){border-right:1px solid #ebebeb}}@media screen and (min-width: 1200px){.role-text{font-size:22px}#info-area{justify-content:center}#info-area #profile-image{max-width:204px}#info-area div h3{padding-top:30px}#info-area #profile-text{padding-top:0px}#info-area #roles-bigger p:not(.role-divider){padding-left:20px;padding-right:20px}}#featured{text-align:center;margin-bottom:30px}#featured h3{margin-bottom:30px}#featured-slider{position:relative}#featured-text-div{width:100%;position:absolute;bottom:0;background-color:#76c723;text-align:left}#featured-text-div #featured-text{text-align:center;line-height:1.2;padding-top:2.5px;padding-bottom:2.5px}#arrow-div{display:flex;flex-direction:row;flex-wrap:wrap;position:absolute;justify-content:space-between;top:50%;width:100%}#quick-jump{margin-bottom:30px;text-align:center}#left-arrow,#right-arrow{color:#76c723;cursor:pointer;transition:all ease-in-out .5s;background-color:#2a2a2a;border:2px solid #5ea019;border-radius:50px;padding-left:5px;padding-right:5px}#left-arrow:hover,#right-arrow:hover{opacity:50%}#left-arrow{margin-left:1%}#right-arrow{margin-right:1%}#port-intro h3{text-align:center;margin-bottom:30px}#port-intro p{margin-bottom:20px}#portfolio-links{margin-bottom:50px}#portfolio-links div{background-color:#2a2a2a;padding-top:30px;border:2px solid #5ea019;border-radius:30px;display:flex;flex-wrap:wrap;justify-content:space-around}#portfolio-links div a{text-decoration:underline;margin-bottom:30px;margin-left:15px;margin-right:15px}#portfolio-links div a:hover{color:#76c723}#portfolio-links div a:visited{color:#ebebeb}#portfolio-links div a:visited:hover{color:#76c723}.port-section{margin-bottom:30px}.port-section a:hover{color:#76c723}.portfolio-pieces{display:flex;flex-direction:column;text-align:center}.portfolio-pieces .port-more{display:flex;justify-content:space-between}.portfolio-pieces h3{margin-bottom:30px}.project-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:30px}.project-container a{max-width:50%}.project-title-front,.project-title-image,.project-title-misc,.project-title-video{background-color:#76c723;width:100%;padding:5px}.code-project{padding-left:10px;padding-right:10px;margin-bottom:30px;position:relative;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}#port-top{text-align:center;margin-bottom:30px}#port-top a{text-decoration:underline}#port-top a:hover{color:#76c723 !important}.divider{border-bottom:1px solid #76c723;margin-bottom:30px}.to-top{text-decoration:underline}@media screen and (min-width: 768px){.code-project{display:flex}}@media screen and (min-width: 1000px){.project-container a{max-width:100%}.project-container a .project-title-front{opacity:0;position:absolute;right:0;left:0;background-color:#76c723;margin-left:10px;margin-right:10px}.project-container a .project-title-video{opacity:0;position:absolute;right:0;left:0;text-align:center;background-color:#76c723;margin-left:10px;margin-right:10px}.project-container a .project-title-image{opacity:0;position:absolute;right:0;left:0;text-align:center;background-color:#76c723}.project-container a .project-title-misc{opacity:0;position:absolute;right:0;left:0;text-align:center;background-color:#76c723}.project-container a img{opacity:50%}.project-container a:hover img{opacity:100%;transition:all .5s ease-in-out}.project-container a:hover .project-title-front,.project-container a:hover .project-title-video,.project-container a:hover .project-title-image,.project-container a:hover .project-title-misc{opacity:100%;transition:all .5s ease-in-out}#images .code-project,#misc-projects .code-project{padding-right:0;padding-left:0}#video-edits .project-container a{max-width:50%}#port-intro p{margin-bottom:50px}#portfolio-links div a{margin-left:20px;margin-right:20px}.project-title-front,.project-title-image,.project-title-misc,.project-title-video{background-color:rgba(0,0,0,0);width:auto;padding:0}}#resume-intro h3{text-align:center;margin-bottom:30px}#resume-intro p{margin-bottom:20px}#resume-button div{display:flex;justify-content:center;margin-bottom:30px}#resume-button div a{cursor:pointer;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;border:3px solid #76c723;border-radius:20px;background-color:#2a2a2a;transition:all .5s ease-in-out}#resume-button div a:hover{background-color:#76c723;color:#000}#resume-buttons{margin-bottom:20px}#resume-buttons h3{font-size:18px;text-align:center;cursor:pointer;border:3px solid #5ea019;padding:10px;border-radius:10px;transition:all ease-in-out .5s;background-color:#2a2a2a;line-height:25px}#resume-buttons h3:hover{background-color:#76c723;color:#000}#resume-divider{margin-bottom:0}#qualifications-section{display:none;margin-bottom:30px}#qualifications-section #specialties h3,#qualifications-section #training h3,#qualifications-section #upcoming h3{padding-top:20px;text-align:center;margin-bottom:20px;font-size:24px}#qualifications-section #specialties li,#qualifications-section #training li,#qualifications-section #upcoming li{margin-bottom:10px}#specialties{padding-right:10px;border-right:2px solid #5ea019}#training{padding-bottom:10px}#resume-section{display:none;margin-bottom:30px}#resume-section div h3{text-align:center;margin-bottom:20px;padding-top:20px;text-align:center;font-size:24px}#resume-section div ul li{margin-bottom:20px}#resume-section div ul li a{text-decoration:none !important}#project-history{padding-right:10px;border-right:2px solid #5ea019}#client-section{margin-bottom:50px}#client-section h3{text-align:center;margin-bottom:30px}#client-section #client-logos{display:flex;flex-wrap:wrap;justify-content:space-evenly}.resume-date{text-align:center;text-decoration:underline;text-underline-offset:3px;margin-bottom:10px}.resume-divider{border-bottom:2px solid #5ea019;margin-bottom:20px}.client-logo{height:50px;background-color:#d2d2d2;padding:10px;border:3px solid #5ea019;border-radius:50px}.client-logo:hover{opacity:50%;transition:all .5s ease-in-out}#to-top{cursor:pointer;text-decoration:underline;transition:all .5s ease-in-out}#to-top:hover{color:#5ea019}#more-skills{margin-top:20px}#testimonials{margin-bottom:20px}#testimonials h3{margin-bottom:20px;text-align:center}#test-box{border:3px solid #76c723;padding:20px;border-radius:20px;position:relative;background-color:#2a2a2a}#resume-quote{margin-top:10px;margin-bottom:10px;margin-left:3%;margin-right:3%}#resume-source{text-align:center;margin-left:3%;margin-right:3%}#resume-arrows{width:100%;position:absolute;top:50%;left:0;display:flex;justify-content:space-between}#resume-left{margin-left:1%;transition:all ease-in-out .5s;cursor:pointer}#resume-left:hover{color:#76c723}#resume-right{margin-right:1%;transition:all ease-in-out .5s;cursor:pointer}#resume-right:hover{color:#76c723}#upcoming{border-top:1px solid #76c723}@media screen and (min-width: 768px){#resume-buttons{margin-bottom:30px}#resume-buttons h3{font-size:24px;padding:15px}#resume-section div h3{margin-bottom:30px}.client-logo{height:60px}#more-skills{margin-top:30px}#testimonials{margin-bottom:30px}#testimonials h3{margin-bottom:30px}#text-box{border-radius:30px}#resume-quote{margin-bottom:10px}#resume-source{text-align:center}#specialties h3,#training h3{text-align:center;margin-bottom:20px;font-size:30px !important}}@media screen and (min-width: 1200px){#resume-buttons h3{font-size:28px;padding:20px;border-radius:30px}#project-history{padding-right:15px}#resume-quote{margin-bottom:10px}#resume-source{text-align:center}}#contact-intro{margin-bottom:30px}#contact-intro h3{text-align:center;margin-bottom:30px;z-index:5}#contact-intro p{margin-bottom:20px;z-index:5;text-shadow:2px 2px #000}#contact-d{display:flex;flex-direction:column;align-items:center}#contact-d input:not(#submit-contact){border:3px solid #76c723;border-radius:30px;background-color:#2a2a2a;height:60px;padding-left:20px;margin-bottom:20px;width:100%;color:#fff}#contact-d input:not(#submit-contact)::placeholder{color:#b1b1b1}#contact-d #comments{color:white!important;height:300px;width:100%;margin-bottom:20px;border:3px solid #76c723;border-radius:30px;padding-left:20px;padding-top:20px;background-color:#2a2a2a}#contact-d #comments::placeholder{color:#b1b1b1}#contact-d #submit-contact{width:175px;height:60px;background-color:#2a2a2a;border:3px solid #76c723;border-radius:20px;margin-bottom:30px;cursor:pointer}#contact-d #submit-contact:hover{color:#ebebeb;background-color:#76c723;transition:all .5s ease-in-out}#office-pic{display:none;padding-top:10%}#art-credit{display:none;text-align:center}#confirm-send{padding-bottom:20px}#feedback-area p{margin-left:10px;margin-bottom:20px}#privacy-con{display:flex;justify-content:center;width:100%;align-items:center;margin-bottom:20px}#privacy-con a{text-decoration:underline;font-size:100%}#privacy-con label{color:#fff;font-family:"Rockwell"}#privacy{width:20px !important;height:20px !important;margin-right:10px;margin-bottom:0 !important}@media screen and (min-width: 768px){#office-pic,#art-credit{display:grid}#contact-d{align-items:flex-start}#contact-d #submit-contact{align-self:center}}#about-intro h3{text-align:center;margin-bottom:30px}#about-intro p{margin-bottom:20px}#tab-area{padding:0;margin-left:10px;margin-right:10px}.tab{padding-top:15px;padding-bottom:15px;text-align:center;border-top-left-radius:30px;border-top-right-radius:30px;cursor:pointer}#professional-tab{background-color:#2a2a2a;border:3px solid #76c723;border-bottom:none}#personal-tab{background-color:#151515;border:3px solid #76c723;border-bottom:none}#info-box{margin-left:10px;margin-right:10px;padding:0;margin-bottom:50px;background-color:#2a2a2a;height:100% !important;border:3px solid #76c723}#info-box h3{margin-top:30px;margin-bottom:20px;text-align:center}#about-image-container{display:flex;height:400px;justify-content:center;margin-top:30px;margin-bottom:20px;margin-left:20px;margin-right:20px;background-image:url(../images/professional.jpg);background-size:cover;background-position:top}#about-bio-button{text-align:center}#about-bio-button p{cursor:pointer;transition:all .5s ease-in-out}.about-bio{display:none;text-align:left}.bio-heading{font-size:18px;border-bottom:2px solid #5ea019}.bio-text{margin-bottom:25px}#mobile-bio{display:none;margin-bottom:20px;border-radius:20px;margin-left:5%;margin-right:5%}#mobile-bio p{padding-top:10px;padding-left:20px;padding-right:20px;padding-bottom:10px}#big-screen-bio{display:none;margin-bottom:15px}#big-screen-bio p{padding-right:10px;padding-left:0}@media screen and (min-width: 768px){#bio-info{order:1}#about-bio{display:grid}#about-bio-button{display:none}#big-screen-bio{border-radius:20px;display:block;margin-right:10px}#mobile-bio{display:none !important}.bio-heading{font-size:24px}#about-image-container{display:flex;height:500px}}@media screen and (min-width: 1200px){.bio-heading{font-size:28px}#about-image-container{display:flex;height:600px}#tab-area,#info-box{margin:0 auto}#info-box{margin-bottom:30px}}.orange{background-color:#ffb700}.green{background-color:#0ead2b}.pink{background-color:#ff8fc3}.yellow{background-color:#fbff00}#demo-intro{margin-bottom:30px}#demo-intro h3{text-align:center;margin-bottom:20px}#demo-selection{margin-bottom:50px;padding:0}#demo-selection .demo-box{width:45%;margin-bottom:30px;display:flex;justify-content:center;border:1px solid #76c723}#demo-selection .demo-box a{width:100%;display:flex;flex-direction:column;align-items:center}#demo-selection .demo-box p{padding:5px;background-color:#2a2a2a;width:100%;height:100%}#demo-selection .demo-box:hover img{opacity:50%;transition:all .5s ease-in-out}#demo-selection .demo-box:hover p{color:#76c723;text-decoration:underline;transition:all .5s ease-in-out}#demo-selection p{text-align:center}#demo-display{display:flex;flex-wrap:wrap;justify-content:space-evenly}.demo-thumbnail{max-height:160px;justify-self:center}@media screen and (min-width: 768px){#demo-selection .demo-box{width:30%}#demo-selection .demo-box p{font-size:18px}}@media screen and (min-width: 1200px){#demo-selection .demo-box p{font-size:20px}}#opening_text{text-align:center;border-radius:10px;padding-bottom:30px}#scoreboard_text{border:3px solid #76c723;border-radius:10px;padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px;margin-top:20px;text-align:center;background-color:#2a2a2a}.button{border:3px solid #76c723;border-radius:20px;padding:5px;text-align:center;margin-top:10px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;cursor:pointer;background-color:#2a2a2a;font-size:10px}#question_box{text-align:center}#answers{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}#question_box{border:5px solid #76c723;border-radius:10px;padding:10px;margin-top:40px;margin-bottom:15px;background-color:#2a2a2a}#answer_1_box,#answer_2_box,#answer_3_box,#answer_4_box{width:300px;border:5px solid #76c723;border-radius:10px;margin-top:15px;margin-bottom:15px;text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;background-color:#2a2a2a}.answer p{padding:10px}@media screen and (min-width: 428px){.button{font-size:14px}}@media screen and (min-width: 768px){.button{font-size:18px;margin-bottom:15px}.answer p{padding:15px}}#title{margin-bottom:30px}#title h3,#title p{text-align:center}#lyrics{max-height:500px;overflow:scroll}#lyrics p{margin-bottom:20px;font-size:16px}#credits-scrolling p{text-align:center;font-size:16px}#credits-scrolling a{font-size:16px;text-decoration:underline;transition:all .5s ease-in-out}#here:hover{color:#76c723}@media screen and (min-width: 768px){#lyrics p{margin-bottom:30px}}#wtp-box{margin-bottom:30px;height:720px;background-image:url(../images/WTP-images/background.gif);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}#pokemon-box{display:flex;justify-content:center;align-content:center;flex-wrap:wrap}#pokemon-box img{padding-right:12%;padding-bottom:20%}#pokemon-name{display:none;justify-content:center;align-content:center;flex-wrap:wrap}#pokemon-name p{font-size:30px;padding-bottom:20%;-webkit-text-fill-color:#ffcb05;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#2a75bb}#answer-box{display:flex;justify-content:flex-end;align-items:flex-end;cursor:pointer}#answer-box p{font-size:30px;padding-bottom:20px;-webkit-text-fill-color:#ffcb05;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#2a75bb;font-weight:bolder}@media screen and (min-width: 768px){#pokemon-name p{font-size:60px;-webkit-text-stroke-width:2px}#answer-box p{font-size:40px;-webkit-text-stroke-width:2px}}@media screen and (min-width: 1200px){#pokemon-name p{font-size:80px}}#slider-instruction{text-align:center;margin-bottom:30px}#hero-home{margin-bottom:50px}#hero-container{position:relative;height:700px}#hero-container .superhero-image{position:absolute;left:0;right:0;height:700px}#hero-container #right-image{background-image:url(../images/self.jpg);background-size:cover;background-repeat:no-repeat}#hero-container #left-image{background-image:url(../images/ghost-spider.jpg);background-size:cover;background-repeat:no-repeat;width:1%}#hero-container #bar{background-color:#76c723;width:5px;cursor:pointer}#error-chibi{display:flex;justify-content:center;align-items:center}#error-chibi img{height:175px}#error-text{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px}#error-text h3{text-align:center;margin-bottom:30px}#error-text p:not(:last-of-type){margin-bottom:30px}.video-thumbnail{max-width:50% !important}#port-more-full{text-align:center}#details-content h3,#related-projects h3{text-align:center;margin-bottom:30px}#details-content img{float:left;margin-right:5%}#main-image{margin-bottom:30px;border:2px solid #ebebeb}#text-con{margin-bottom:30px}#text-con a{color:#76c723}#text-con a:hover{text-decoration:underline}#image-con{display:flex;flex-direction:column-reverse;float:left;width:100%}.side-images{cursor:pointer;transition:all .5s ease-in-out;border:2px solid #ebebeb}.side-images:hover{opacity:50%}#gallery-thumbs{order:-1;display:flex;justify-content:space-between;margin-bottom:30px}#gallery-thumbs img{max-width:40%}#gallery-thumbs img:last-of-type{display:none}#details-info-button{cursor:pointer;transition:all ease-in-out .5s}#details-info-button:hover{opacity:50%}#more-info-text{display:none}#details-text p{margin-bottom:20px;padding-left:10px}.related-project{cursor:pointer;margin-bottom:30px}.related-project div{border:2px solid #ebebeb;display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.related-project div p{text-align:center;display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#2a2a2a;padding:5px}.related-project div img{max-width:50%}.related-project:hover{opacity:50%}.related-project:last-of-type{display:none}#gallery-lightbox{position:fixed;display:none;height:100vh;width:100%;z-index:10;top:0;background-color:#000}#gallery-lightbox .grid-con{margin:0;grid-column:2}#primary-lb-image{display:flex;justify-content:center;max-height:400px;border:1.5px solid #ebebeb}#image-description{display:flex;align-items:center}#image-description p{display:none}#case-study-deets{margin-bottom:20px}#case-study-deets h3{text-align:center}.project-data-title{border-bottom:1px solid #5ea019;font-size:18px}@media screen and (min-width: 768px){.project-data-title{font-size:24px}#details-text p{margin-bottom:30px}#gallery-thumbs img{max-width:40%}.related-project:last-of-type{display:grid}.related-project div{margin-bottom:0}.related-project div img{max-width:100%}#case-study-deets{margin-bottom:30px}#case-study-deets h3{text-align:center}#related-info{display:flex;justify-content:space-between}#related-info a{width:25%}}@media screen and (min-width: 1000px){#details-text a:hover{text-decoration:underline}}@media screen and (min-width: 1200px){#gallery-thumbs img{max-width:25%}#gallery-thumbs img:last-of-type{display:block}.project-data-title{font-size:28px}}#contact-popup{height:100vh;width:100%;background-color:rgba(118,199,35,.8);z-index:10}#contact-popup .grid-con{margin:0;grid-column:2}#contact-popup img{margin-top:50px;margin-bottom:30px}#contact-popup h3,#contact-popup p{text-align:center;margin-bottom:30px}#contact-direct{text-decoration:underline;transition:all .5s ease-out}#contact-direct:hover{color:#000}#title h3{margin-bottom:10px}#secret-area p{border:3px solid #ffbedf;background-color:#fde5ee;text-align:center;margin-bottom:30px;color:#000;padding-top:5px;padding-bottom:5px}#main-image-jl{display:flex;justify-content:center;margin-bottom:20px}#buttons{display:flex;flex-direction:row;justify-content:center}#demo-button{padding:25px;background-color:#76c723;border:1px solid #76c723;border-radius:43px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .5s ease-in-out}#demo-button p{transition:all .5s ease-in-out}#demo-button:hover{background-color:#ebebeb}#demo-button:hover p{color:#76c723}#go-back{visibility:hidden}#api-instructions h3{text-align:center;margin-bottom:20px}#paimon-box{display:flex;justify-content:center;align-items:center;align-content:center}#character-box,#details-box{margin-bottom:20px;border:1px solid #76c723;background-color:#2a2a2a}#character-box h3,#details-box h3{margin-top:15px;margin-bottom:15px;text-decoration:underline;text-align:center;text-underline-offset:7px}.character-name{margin-left:5%;margin-right:5%;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #76c723}.character-name:last-of-type{border-bottom:none;margin-bottom:10px}.character-name p{cursor:pointer;transition:all ease-in-out .5s}.character-name p:hover{color:#76c723}#details-box{display:flex;flex-wrap:wrap;flex-direction:column;align-content:center}#details-box p,#details-box img{margin-left:5%;margin-right:5%}#details-box p{margin-bottom:10px}.title{text-align:center}.rarity{align-self:center;width:15%}.splash-art{max-width:90%;margin-bottom:10px}.loading-text{text-align:center}#paimon{max-width:50%;justify-self:center}@media screen and (min-width: 768px){#api-instructions h3{margin-bottom:30px}#character-box,#details-box{margin-bottom:30px}}.project-list{padding-left:5%;padding-right:5%;margin-bottom:20px}.project-list a{text-decoration:underline}.project-list a:hover{color:#76c723}#project-selection,#project-add-form,.selectable_info{margin-top:10px;padding-top:10px;margin-bottom:30px;border:3px solid #76c723}#project-selection h3,#project-add-form h3,.selectable_info h3{font-size:24px;text-align:center;padding-bottom:10px}#project-selection{height:700px;overflow:scroll}.selectable_info p{font-size:20px;padding-bottom:10px}#link-box,#client-box{height:300px;overflow:scroll}.admin-label{color:#ebebeb;font-size:20px}.admin-label,.admin-input{margin-left:5%}#add-title{margin-left:5%}#add-image-upload{color:#ebebeb}#edit-form{display:flex;flex-direction:column;border:1px solid green}#edit-form label{color:#ebebeb;font-size:24px}#edit-form input{overflow:hidden}#login-form{padding-top:20px;padding-bottom:20px;margin-top:30px;border:1px solid #76c723;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}#login-form label{color:#ebebeb;font-size:24px;text-align:center}#login-button{width:50px}#random-instruction{text-align:center;margin-bottom:20px}#random-instruction h3{margin-bottom:10px}#pokemon-area{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;border:3px solid #76c723;padding:20px;background-color:#2a2a2a}#pokemon-area p{padding-left:20px;padding-right:20px;text-align:center;margin-bottom:20px}#pokemon-area img{margin-bottom:10px}#pokemon-image{width:200px}#select-button{text-align:center;margin-top:20px;margin-bottom:30px}#select-button a{padding:15px;background-color:#76c723;border-radius:43px;text-align:center;cursor:pointer}#select-button a:hover{background-color:#ebebeb;color:#76c723}#sound-button{margin-top:10px;padding:5px;background-color:#76c723;border-radius:50px;cursor:pointer;transition:all ease-in-out .5s}#sound-button:hover{background-color:#ebebeb;color:#76c723}@media screen and (min-width: 768px){#random-instruction{margin-bottom:30px}#pokemon-area{margin-bottom:30px}#select-button{text-align:center;margin-bottom:40px}#select-button a{padding:25px}}#privacy-update-text{text-align:right;margin-bottom:10px}#privacy-title{margin-bottom:5px}.privacy-title{font-weight:bold}#privacy-info li{margin-top:20px;margin-bottom:20px}/*# sourceMappingURL=main.css.map */