/*! Primitive
 * A front end Sass boilerplate
 *
 * Author: Tania Rascia 
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}b,strong{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{box-sizing:initial}pre{overflow:auto}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}figure{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:normal normal normal 1rem/1.6 -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem}body{color:#404040;background:#fff;font-size:1rem}dl,ol,p,table,ul{margin:0 0 1.5rem}ol li ol,ul li ul{margin-bottom:0}h1,h2,h3,h4,h5{font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.2;color:#404040}h1,h1:not(:first-child),h2,h2:not(:first-child),h3,h3:not(:first-child),h4,h4:not(:first-child),h5,h5:not(:first-child){margin:1.5rem 0}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:2rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}@media (min-width:600px){h1:not(:first-child),h2:not(:first-child),h3:not(:first-child){margin-top:2.5rem}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}}a{color:#585858;text-decoration:none}a:active,a:focus,a:hover{color:#585858;text-decoration:underline}mark{background:#ffeea8;padding:0 .2rem}blockquote{margin:0 0 1.5rem;border-left:16px solid #f0f0f0;padding:0 1.5rem;font-size:1.5rem}blockquote cite{display:block;margin-top:1.5rem;font-size:1rem;text-align:right}pre{border:0;border-radius:4px;background:transparent;padding:1rem;tab-size:2;color:#404040;font-size:14px;margin:0 0 1.5rem}pre,pre code{font-family:Menlo,monospace}pre code{line-height:1.2}kbd{background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;color:#333;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:1.4;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff}:not(pre)>code{color:#404040;background:transparent;font-family:Menlo,monospace;font-size:14px;padding:0 .2rem;border:1px solid #dedede;border-radius:4px}hr{height:0;border:0;border-top:1px solid #dedede}dt{font-weight:600}dd{margin-bottom:.5rem}.full-container{max-width:100%;padding:0 1rem}.container,.medium-container,.small-container{max-width:1200px;padding:0 1rem;margin-left:auto;margin-right:auto}.small-container{max-width:800px}.medium-container{max-width:1000px}.content-section{padding:30px 0}@media (min-width:600px){.content-section{padding:60px 0}}.flex-large,.flex-small{padding-left:1rem;padding-right:1rem}.flex-row{margin-left:-1rem;margin-right:-1rem;display:flex;flex-direction:row;flex-wrap:wrap}.flex-large,.flex-small{flex-basis:100%;margin-bottom:1rem}@media (min-width:600px){.flex-small{flex:1 1;margin-bottom:0}}@media (min-width:1000px){.flex-large{flex:1 1;margin-bottom:0}}.clearfix:after,.clearfix:before{content:" ";display:block}.clearfix:after{clear:both}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.vertical-center{display:flex;align-items:center;justify-content:center}.responsive-image{max-width:100%;height:auto}.show{display:block!important}.hide{display:none!important}.invisible{visibility:hidden}.float-left{float:left}.float-right{float:right}.no-padding-top{padding-top:0}.no-padding-bottom{padding-bottom:0}.padding-top{padding-top:2rem}.padding-bottom{padding-bottom:2rem}.no-margin-top{margin-top:0}.no-margin-bottom{margin-bottom:0}.margin-top{margin-top:2rem}.margin-bottom{margin-bottom:2rem}.alternate-background{background:#fafafa;color:#404040}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.button,[type=button],[type=reset],[type=submit],a.button,button{-webkit-appearance:none;display:inline-block;border:3px solid #fff;border-radius:4px;background:#585858;color:#fff;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;text-transform:none;padding:.75rem 1.25rem;margin:0 0 .5rem;vertical-align:middle;text-align:center;cursor:pointer;text-decoration:none;line-height:1}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,a.button:active,a.button:focus,a.button:hover,button:active,button:focus,button:hover{border:3px solid #fff;background:#585858;color:#fff;text-decoration:none}.button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,a.button::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}.accent-button,a.accent-button{color:#fff;border:1px solid #29de7d;background:#29de7d}.accent-button:active,.accent-button:focus,.accent-button:hover,a.accent-button:active,a.accent-button:focus,a.accent-button:hover{color:#fff;border:1px solid #1cb864;background:#1cb864}.muted-button,a.muted-button{background:transparent;border:1px solid #cdcdcd;color:#4e4e4e}.muted-button:active,.muted-button:focus,.muted-button:hover,a.muted-button:active,a.muted-button:focus,a.muted-button:hover{color:#4e4e4e;border:1px solid #818181;background:transparent}.round-button,a.round-button{border-radius:40px}.square-button,a.square-button{border-radius:0}.full-button,a.full-button{display:block;width:100%}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{display:block;border:1px solid #cdcdcd;border-radius:4px;padding:.75rem;outline:none;background:transparent;margin-bottom:.5rem;font-size:1rem;width:100%;max-width:100%;line-height:1}[type=color]:hover,[type=date]:hover,[type=datetime-local]:hover,[type=datetime]:hover,[type=email]:hover,[type=month]:hover,[type=number]:hover,[type=password]:hover,[type=search]:hover,[type=tel]:hover,[type=text]:hover,[type=time]:hover,[type=url]:hover,[type=week]:hover,select:hover,textarea:hover{border:1px solid #b4b4b4}[type=color]:active,[type=color]:focus,[type=date]:active,[type=date]:focus,[type=datetime-local]:active,[type=datetime-local]:focus,[type=datetime]:active,[type=datetime]:focus,[type=email]:active,[type=email]:focus,[type=month]:active,[type=month]:focus,[type=number]:active,[type=number]:focus,[type=password]:active,[type=password]:focus,[type=search]:active,[type=search]:focus,[type=tel]:active,[type=tel]:focus,[type=text]:active,[type=text]:focus,[type=time]:active,[type=time]:focus,[type=url]:active,[type=url]:focus,[type=week]:active,[type=week]:focus,select:active,select:focus,textarea:active,textarea:focus{border:3px solid #fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #8cbcfe}textarea{overflow:auto;height:auto}fieldset{border:1px solid #dedede;border-radius:4px;padding:1rem;margin:1.5rem 0}legend{padding:0 .5rem;font-weight:600}select{color:#404040;-webkit-appearance:none;-moz-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) 100% no-repeat;line-height:1}select::-ms-expand{display:none}[type=range]{width:100%}label{font-weight:600;max-width:100%;display:block;margin:1rem 0 .5rem}@media (min-width:600px){.split-form label{text-align:right;padding:0 .5rem;margin-bottom:1rem}}input.has-error,input.has-error:active,input.has-error:focus,input.has-error:hover,select.has-error,select.has-error:active,select.has-error:focus,select.has-error:hover,textarea.has-error,textarea.has-error:active,textarea.has-error:focus,textarea.has-error:hover{border:1px solid #d33c40;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #f4cecf}:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{color:#9a9a9a}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}thead th{border-bottom:2px solid #dedede}tfoot th{border-top:2px solid #dedede}td{border-bottom:1px solid #dedede}td,th{text-align:left;padding:.5rem}caption{padding:1rem 0;caption-side:bottom;color:#ababab}.striped-table tbody tr:nth-child(odd){background-color:#f8f8f8}.contain-table{overflow-x:auto}@media (min-width:600px){.contain-table{width:100%}}.home{flex-direction:column;margin:0 auto;text-align:center}@media screen and (max-width:1024px){.home{margin:0;width:100vw;justify-content:center;align-items:center}}.about,.project{flex-direction:row;text-align:center;justify-content:center;align-items:center}.about-tiles,.project-tiles{width:100%;display:flex;justify-content:space-between}.about-container,.project-container{width:100vw!important;overflow:hidden!important;overflow-x:scroll!important;margin:0!important;padding:0!important;max-width:100vw!important}.projectPad{min-width:500px!important;width:500px!important;height:300px;border-radius:20px;border:thin solid #f5f5f5;display:flex;align-items:center;justify-content:center;margin:20px;box-shadow:5px 5px 5px hsla(0,0%,100%,.3);color:#f5f5f5;font-weight:700;font-size:24px;cursor:grab}.projectPad:active,.projectPad:focus,.projectPad:hover{border:3px solid #f5f5f5}.bkmodal{z-index:20;top:0;left:0;width:80vw;background-color:rgba(59,59,59,.6588235294)}.bkmodal,.modal{position:absolute;height:88vh}.modal{z-index:30;display:flex;flex-direction:column;left:15vw;background-color:rgba(59,59,59,.9529411765);text-align:center;min-width:536px;width:50vw;border-left:2px solid hsla(0,0%,87.8%,.8);border-right:2px solid hsla(0,0%,87.8%,.8)}.modal-title{border-bottom:1px solid #f5f5f5;margin:30px auto 25px;font-size:25px!important;width:500px}.modal-image{height:300px;width:500px;border:10px solid #f5f5f5;border-radius:10px;margin:0 auto 15px}.modal-desc{border-top:1px solid #f5f5f5;margin:5px auto 0;width:500px}.modal-close{display:flex;position:absolute;bottom:0;margin-bottom:20px;left:21.5vw}.modal-close:hover{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(1.2);transform:scale(1.2)}.modal-url:hover{color:grey;cursor:pointer}@media(max-width:1024px){.projectPad{min-width:96vw!important;width:96vw!important;height:40vh;margin:5px}.bkmodal,.modal{left:0;min-width:100px;width:100vw;border-left:none;border-right:none}.modal-desc,.modal-image,.modal-title,.modal-url{width:90vw}.modal-title{margin-top:5px;font-size:20px!important}.modal-image{height:40vh}.modal-desc{height:30vh!important;overflow:auto}.modal-url{display:none}.modal-close{position:relative;left:0;margin:auto}}@media(max-height:700px){.modal-image{display:none}.modal-close{position:relative;left:0;margin:auto}}@media(max-width:600px){.projectPad{height:30vh}}@media(max-height:500px){.modal-desc{display:none}}.contact{flex-direction:column;text-align:center;overflow:hidden;position:absolute;justify-content:center;align-items:center;overflow:auto}.contact-title{font-weight:700;font-size:25px;margin-bottom:10px}.contact-email{font-weight:700;font-size:15px;margin-bottom:50px}.contact-group{display:flex;justify-content:space-between;width:40vw;margin:10px;padding-bottom:5px}.contact-input{color:#fff;height:auto;width:500px}.contact-input:active,.contact-input:focus{color:#fff;border:1px solid #fff;outline:none}.contact-button,.login-button{margin-top:20px;text-align:center;line-height:center;justify-content:center;background:#585858;border:3px solid #fff;border-radius:1rem}.login-button{display:flex}.contact--icon{width:15px;height:15px;margin-right:5px}.contact--text{font-size:15px}.contact-button:hover{background-color:#999!important;border:3px solid #fff!important;color:#fff!important}@media(max-width:1024px){.contact-email{display:none}.contact-form{justify-content:center;align-items:center;text-align:center}.contact-group,.contact-input{justify-content:center;align-items:center;width:60vw}.contact-group{display:block;margin:0}.contact-input{height:5vh}.contact-button{border-radius:1rem;margin-top:1rem}label{margin-top:5px;margin-bottom:5px}}@media(max-height:700px){.contact-email{display:none}}.topbar{position:absolute;background-color:#3b3b3b;top:0;left:10vw;text-align:center;width:80vw;height:12vh;z-index:13}.topbar-container{display:flex;justify-content:space-between;align-items:center;margin:15px;padding:10px;height:10vh;border-bottom:3px solid #f5f5f5;background-color:#3b3b3b}@media screen and (max-height:700px){.topbar-container{margin:0}}.topbar-left,.topbar-right{display:flex}.topbar-clock,.topbar-icon{width:50px;height:50px;padding:10px;margin-left:5px;color:#f5f5f5}.topbar-clock{font-weight:700;font-size:18px;width:110px}.topbar-navlink{-webkit-transform:scale(1)!important;transform:scale(1)!important}.topbar-user{padding:5px!important;margin-top:5px;border:3px solid #f5f5f5;border-radius:50%}@media screen and (max-width:600px){.topbar-text{display:none}}@media(max-height:500px){.topbar-icon{display:none}}.footer{background-color:#3b3b3b;text-align:center;position:absolute;bottom:0;left:10vw;width:80vw;height:10vh;z-index:1}.footer-inside{display:flex;justify-content:space-between;align-items:center;margin:15px;padding:10px;border-top:2px solid #fff}.footer-gamepad:hover,.footer-right:hover{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:scale(1.2);transform:scale(1.2)}.footer-right{display:flex;text-align:center}@media(max-width:1024px){.footer{height:auto}.footer-gamepad{margin-top:5px!important}.footer-gamepad:hover,.icon:hover{-webkit-transform:scale(1)!important;transform:scale(1)!important}.footer-inside{padding:0}}@media(max-width:600px){.footer{height:10vh}.footer-inside{padding:0}}@media(max-height:700px){.nav{bottom:0!important}.footer{display:none}.footer-inside{margin:0}}.gamewrapper *{box-sizing:border-box}.gamewrapper{position:relative;display:inline-block}.gamescreen-canvas{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:1rem}.index-container{position:absolute;display:flex;width:100%;align-items:center;padding:20px;z-index:3}.index-player-hp{position:relative;justify-content:flex-end;border-left:4px solid #000;border-bottom:4px solid #000;border-top:4px solid #000}.index-player-backdrop,.index-player-hp{height:30px;width:100%;border-radius:15px 0 0 15px}.index-player-backdrop{background-color:#000}.index-player-hp-bar{position:absolute;background:red;top:0;right:0;bottom:0;width:100%;border-radius:15px 0 0 15px}.index-player-name{position:relative;text-align:left;margin-top:5px}.index-player-name>span{text-shadow:2px 2px 2px #000}.index-player-name>span,.index-timer{color:red;font-weight:700;font-family:"Roboto",sans-serif}.index-timer{background-color:#000;height:50px;width:100px;flex-shrink:0;display:flex;justify-content:center;align-items:center;font-size:25px;border-radius:10px}.index-enemy-hp{position:relative;width:100%;border-right:4px solid #000;border-bottom:4px solid #000;border-top:4px solid #000}.index-enemy-backdrop,.index-enemy-hp{height:30px;border-radius:0 15px 15px 0}.index-enemy-backdrop{background-color:#000}.index-enemy-hp-bar{position:absolute;background:red;top:0;right:0;bottom:0;left:0;border-radius:0 15px 15px 0}.index-enemy-name{position:relative;text-align:right;margin-top:5px}.index-enemy-name>span{color:red;font-weight:700;text-shadow:2px 2px 2px #000;font-family:"Roboto",sans-serif}.index-winner-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;display:none;z-index:3}.index-winner-text{font-size:30px}.index-winner-button,.index-winner-text{color:red;font-weight:700;text-shadow:2px 2px 2px #000;font-family:"Roboto",sans-serif}.index-winner-button{background:none;border:none;font-size:20px}.index-winner-button:active,.index-winner-button:after,.index-winner-button:hover{cursor:pointer;color:#f5f5f5;text-shadow:2px 2px 2px #000;border:none!important;background:none!important}body{overflow:hidden}.App{text-align:center;justify-content:center;align-items:center;height:100vh;width:100vw;color:#f5f5f5;background-color:#202020}.top-invis{height:12vh}.footer-invis,.nav{height:10vh}.nav{position:absolute;display:flex;justify-content:center;left:10vw;bottom:10vh;width:80vw;z-index:5;background-color:#3b3b3b}.nav-link{width:75px;z-index:5}.nav-text{display:none;margin:0 12px;font-size:15px}.nav-text,.text{text-align:center;font-weight:700;color:#f5f5f5}.text{padding:0 20px 0 10px;height:50px;line-height:50px;font-size:18px}.icon,.icon2{padding:5px}.icon,.icon2{width:50px;height:50px}.icon{border:3px solid #f5f5f5;border-radius:50%;margin:0 12px}.icon:hover+.nav-text{display:block}.active{z-index:10;-webkit-transform:scale(1.2);transform:scale(1.2)}.active div{z-index:10;display:block}.about,.contact,.gamewrapper,.home,.project{display:flex;position:absolute;left:10vw;height:68vh;width:80vw;background-color:#3b3b3b}@media(max-width:1024px){.about,.contact,.footer,.gamewrapper,.home,.nav,.project,.topbar{width:100vw!important;left:0}}@media(max-height:700px){.about,.contact,.home,.project{height:88vh!important}.gamewrapper{height:78vh!important}.nav-icon{display:none}.nav-text{display:block}}@-webkit-keyframes showup{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:1}}@keyframes showup{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:1}}
/*# sourceMappingURL=main.35e32cbf.chunk.css.map */