html{height:100%}body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#app{height:100%;margin:0}.app-body{height:100%;width:100%;background-color:#231e20}.main{display:flex;flex-direction:column;position:relative;width:100%;height:100%}.toolbar{position:fixed;top:0;left:0;width:100%;height:3rem;background:#343434;z-index:1}.toolbar_logo{color:#fff;text-decoration:none;font-size:1.5rem;padding-right:1.5rem;padding-left:1rem;display:flex;align-items:center;height:100%;margin:.5rem}.toolbar_logo a{color:#fff;text-decoration:none}.toolbar_navigation{display:flex;height:100%;align-items:center;padding:0 1rem}.spacer{flex:1}.toolbar_navigtaion-items a{color:#fff;text-decoration:none}.toolbar_navigtaion-items ul{list-style:none;display:flex;padding:0;font-size:1.1rem}.toolbar_navigtaion-items li{padding:0 .5rem}@media(max-width:600px){.toolbar_navigtaion-items{display:none}}@media(min-width:600px){.toolbar_sidebar-toggler{display:none}.toolbar_logo{padding-left:0}}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:24px;width:24px;background-color:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button_line{height:2px;width:24px;background:#fff}.side-bar{background:#343434;height:100%;box-shadow:2px 0 5px #00000080;position:fixed;top:0;left:0;width:70%;max-width:300px;z-index:200;transform:translate(-100%);transition:.4s ease-out}.side-bar.open{transform:translate(0)}.side-bar ul{list-style:none;display:flex;flex-direction:column;height:100%;justify-content:center}.side-bar li{margin:.5rem 0}.side-bar a{text-decoration:none;color:#fff;font-size:36px;margin:8px}.side-bar a:hover,.side-bar a:active{color:#fff;box-shadow:4px 4px 12px 6px #1a1515}.side-bar a:hover{font-size:36px}@media(min-width:600px){.side-bar{display:none}}.backdrop{height:100%;width:100%;position:fixed;top:0;left:0;background:#00000080;z-index:100}.home{color:#000;text-decoration:none;position:relative;width:100%;max-width:100%;height:96vh;max-height:100%;display:flex;justify-content:center;align-items:center;background-position:center;border-radius:3px;border-color:#fff}.body-block{width:100%;height:200px;display:flex;flex-direction:row;margin-left:5px;margin-right:5px;justify-content:center;align-items:center;font-family:serif;background:none;color:#fff;z-index:0}.background-lightbulb{z-index:-1;position:absolute;width:20%;height:auto;display:flex;justify-content:center;align-items:center;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.body-block_left{box-shadow:5px 5px 15px 6px #fddd68;display:flex;width:30%;height:60%;justify-content:center;align-items:center;font-size:xx-large;position:relative;font-weight:800;top:-80px;left:-160px;border-radius:3px;border-style:ridge;color:#fff;animation:light_animation_left 6s infinite;transition:all .4s}@keyframes light_animation_left{50%{box-shadow:2px 2px 15px 1px #fddd68}}@keyframes light_animation_right{50%{box-shadow:-2px -2px 15px 1px #fddd68}}.body-block_right{box-shadow:-5px -5px 15px 6px #fddd68;display:flex;width:30%;height:60%;justify-content:center;align-items:center;font-size:x-large;position:relative;top:80px;left:160px;text-align:end;font-weight:800;border-radius:3px;border-style:ridge;color:#fff;animation:light_animation_right 6s infinite;transition:all .4s}@media(max-width:800px){.body-block_right{left:0;width:50%;top:200px;text-align:center}.body-block_left{left:0;top:-150px;width:40%;font-size:26px;text-align:center}.background-lightbulb{width:20%;height:auto;top:220px}}@media(max-width:400px){.body-block_right{left:0;width:50%;top:100px;text-align:center}}@media(max-width:400px)and (max-height:850px){.body-block_left{left:0;top:-200px;text-align:center}}.footer{width:100%;height:4vh;background-color:#323232;display:flex;position:static;justify-content:center;align-items:flex-end;margin:0;box-shadow:5px 5px 15px 6px #fff}.footer-text{color:#fff}.footer-text a img{border-radius:50%;padding:5px}.footer img{width:40px}svg{-webkit-filter:invert(100%);filter:invert(100%)}.about{width:100%;height:96vh;display:flex;flex-direction:column;align-items:center;text-align:center}.about_photo{width:35%;height:auto;border-radius:3px;border-style:ridge;color:#fff;margin:50px 10px 10px;position:relative}.about_technical{display:flex;flex-direction:column;color:#fff;justify-content:space-around;align-items:center}.title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:64px;text-align:center;padding-top:20px}.about_technical_content{position:relative;height:100%;display:flex;flex:1;justify-content:space-evenly;align-items:center;padding:0 4px}.about_technical ul{list-style:none;display:flex;justify-content:flex-end}.about_technical p{max-width:40%;border-radius:3px;border-style:ridge;color:#fff;padding:10px;box-shadow:0 0 7px 2px #fff;position:relative}@media(max-width:600px){.about_technical p{font-size:16px;max-width:80%;text-align:justify}.about_technical_content{flex-direction:column}.about_photo{width:80%;height:auto}.title{font-size:48px}}.place-holder{display:flex;position:relative;justify-content:center;align-items:center;vertical-align:middle;margin:10px;padding:2px;border-style:groove;border-radius:4px;border-color:#fff;border-width:2px}.image-block{display:flex;position:relative;justify-content:center;align-items:center;vertical-align:middle}.image-block img{width:350px;height:200px;object-fit:cover;margin:10px;padding:2px;border-style:groove;border-radius:4px;border-color:#fff;border-width:2px}@media(max-width:400px){.image-block img{padding:0;width:300px;height:auto;margin:0}}@media(max-width:300px){.image-block img{padding:0;width:250px;height:auto;margin:0}}@media(max-width:250px){.image-block img{width:220px}}.image-card{width:100%;margin-top:2px;margin-bottom:16px}.description{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;text-align:center;color:#fff}*{box-sizing:border-box}.project-body{height:100%;width:100%;min-height:96vh;display:flex;flex-direction:column;align-items:center;text-align:center}.project-title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:64px;text-align:center;color:#fff;padding-top:20px}.project-content{display:flex;flex-wrap:wrap;padding:0 4px;flex-direction:column}.project-content ul{flex-wrap:wrap;display:flex;list-style:none}.project-content ul li{flex:1 0 25%}@media(max-width:500px){.project-content,.project-content ul{padding:0;margin:0}.project-title{font-size:46px}}@media(max-width:250px){.project-title{font-size:38px}}.content-block{width:100%;display:flex;padding:30px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex:1}.content-block{padding-left:80px}@media(max-width:1300px){.content-block{padding-left:30px}}.content-text-image{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;color:#fff;max-width:70%;display:flex;flex:1}@media(max-width:600px){.content-text-image{font-size:12px}}.content-notext{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;text-align:center;color:#fff;max-width:70%;display:flex;flex:1}@media(max-width:1000px){.content-block{flex-direction:column}.content-notext,.content-text-image{max-width:100%}}.project-page{height:100%;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center}.sliding-block{opacity:0;transform:translateY(50%);transition:all .7s ease-in}.fade-block{opacity:0;transition:all .3s ease-in}.fade-block.show{opacity:1}.fade-block.hide{opacity:0}.sliding-block.show{transform:translateY(0);opacity:1}.sliding-block.hide{opacity:0;transform:translateY(-50%)}.title{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:64px;text-align:center;color:#fff;padding-top:20px}.container{max-width:60%}.game{display:flex;justify-content:center;align-items:center;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:24px;text-align:center;color:#fff;padding-top:20px}.game.available{display:flex;justify-content:center;align-items:center;width:70%;padding-bottom:60px}.game.unavailable{display:none;width:70%;padding-bottom:30px}@media(max-width:800px){.container{max-width:90%}}@media(max-width:600px){.title{font-size:48px}.game{height:200px}.game.available{display:none}.game.unavailable{display:flex}}@media(max-width:300px){.title{font-size:36px}}.text-block{max-width:40%;max-height:100%;display:flex;justify-content:center;align-items:center}.text-block p{display:flex;justify-content:center;align-items:center;border-radius:3px;border-style:ridge;color:#fff;font-size:20px;padding:10px;box-shadow:0 0 7px 2px #fff}@media(max-width:800px){.text-block{max-width:70%}}@media(max-width:600px){.text-block p{font-size:16px}}@media(max-width:300px){.text-block p{font-size:12px}}.body{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}canvas{border:5px solid gray;background-color:#000;width:60vw;height:50vw;max-height:80%;max-width:100%}@media(max-width:600px){canvas{display:none}}.contact-page{height:96vh}