html,body{margin:0;padding:0;border:0}.button{display:inline-block}.button a{text-transform:uppercase;display:inline-block;background:green;color:#fff;padding:10px 20px;text-decoration:none;transition:0.3s;box-shadow:0 4px 4px 0px rgba(0,0,0,0.5);margin:10px 5px}.button a:hover{background:darkgreen;color:#fff;padding:10px 20px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);transform:translateY(2px)}.button a:visited{color:#fff}.button i{padding-right:6px}.button .gdq{background:#00AEEF}.button .gdq:hover{background:#007BBC}.button .gradient{background:linear-gradient(to left, #393b62 0%, #513c63 13%, #8c4168 28%, #cb4e6c 41%, #ed6a6f 55%, #fc9b70 68%, #fecb6f 80%, #ffdd7b 90%, #fede96 100%)}.button .gradient:hover{background:linear-gradient(to left, #06082F 0%, #1E0930 13%, #590E35 28%, #981B39 41%, #BA373C 55%, #C9683D 68%, #CB983C 80%, #CCAA48 90%, #CBAB63 100%)}.button .translate{background:#2071cc}.button .translate:hover{background:#003E99}.button .android{background:#8bc34a !important}.button .android:hover{background:#689f38 !important}.button .windows{background:#0067b8 !important}.button .windows:hover{background:#005da6 !important}.button .website{background:#0645AD !important}.button .website:hover{background:#0B0080 !important}.button .netflix{background:#B9090B !important}.button .netflix:hover{background:#860000 !important}.button .time{background:#9FB9BF !important}.button .time:hover{background:#6C868C !important}.button .todo{background:#75b7ef}.button .todo:hover{background:#5C9ED6}header{text-align:center;font-family:'Roboto Condensed', sans-serif}header .nav{display:inline-block;box-shadow:4px 4px 6px 0px rgba(0,0,0,0.5);font-size:0}header .nav-link,header .menu{display:inline-block;background:#9d0f0f;font-size:16px;transition:0.3s}header .nav-link:hover,header .menu:hover{background:#6A0000}header .nav-link a{display:inline-block;color:#fff;padding:14px 20px;text-decoration:none}header .nav-link a:hover{color:#fff}header .menu{display:none;width:100%;padding:14px 0;color:#fff}.twitch-bar{display:inline;background:#6441A4;padding:20px 0;position:fixed;bottom:0;left:0;width:100%;text-align:center;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;line-height:38px}.twitch-bar a{color:#fff;padding:6px 10px;border:1px solid #fff;border-radius:5px;text-decoration:none;margin:0 10px;word-break:keep-all;display:inline-block;transition:0.4s}.twitch-bar a:hover{background:#fff;color:#6441A4}.twitch-bar .twitch-close{position:absolute;right:20px;top:40%;cursor:pointer}.hidden{bottom:-100px}.online{animation:online 2s}@keyframes online{from{bottom:-100px}to{bottom:0px}}body{height:100%;background:url(../img/markus-spiske-187777.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.site-title{display:block;font-size:2em;margin:0.67em 0;font-weight:bold}.site-title a{text-decoration:none;color:#000}.site-title a:hover{text-decoration:none;color:#000}.site-title a img{height:100px;width:auto;height:50px;vertical-align:bottom;padding:0 10px}.title{font-family:'Roboto Condensed', sans-serif;font-size:40px;text-align:center;text-transform:uppercase;vertical-align:middle;padding:40px;color:#fff;background:#000;margin:40px 15% 0;background-size:cover;background-repeat:no-repeat;background-position:center center;box-shadow:4px 4px 6px 0px rgba(0,0,0,0.5)}.title h1{word-wrap:break-word}.container{font-family:'Roboto Condensed', sans-serif;margin:0 15% 40px;background:#fff;box-shadow:4px 4px 6px 0px rgba(0,0,0,0.5);padding:20px 40px}.project{border-top:1px solid #ccc;padding:30px}.project .project-title{font-size:40px;vertical-align:middle;position:relative}.project .project-title span,.project .project-title img{vertical-align:middle}.project .logo{display:inline-block}.project img{height:50px;width:auto;display:inline-block}.project .project-title span{display:inline-block}.portfolio{border-top:1px solid #ccc;padding:30px}.portfolio .portfolio-title{font-size:40px;vertical-align:middle;position:relative}.portfolio .portfolio-title span,.portfolio .portfolio-title img{vertical-align:middle}.portfolio .portfolio-img{display:block;margin:15px 0}.portfolio img{height:500px;width:auto;display:inline-block}.portfolio .portfolio-title span{display:inline-block}.game{border-top:1px solid #ccc;padding:30px}.game .game-title{font-size:40px;vertical-align:middle;position:relative}.game .game-title span,.game .game-title img{vertical-align:middle}.game .logo{display:inline-block}.game img{height:150px;width:auto;display:inline-block}.game .game-title span{display:inline-block}.about{border-top:1px solid #ccc;padding:30px}#contact-form input,#contact-form textarea{font-family:'Roboto Condensed', sans-serif}.form-submit{display:inline-block}.form-submit input[type=submit]{text-transform:uppercase;display:inline-block;background:green;color:#fff;padding:10px 20px;text-decoration:none;transition:0.3s;box-shadow:0 4px 4px 0px rgba(0,0,0,0.5);border:0}.form-submit input[type=submit]:hover{background:darkgreen;color:#fff;padding:10px 20px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);transform:translateY(2px)}.form-submit input[type=submit]:visited{color:#fff}.form-url{display:none}.sitemap{border-top:1px solid #ccc;padding:30px}.privacy{border-top:1px solid #ccc;padding:30px}.legal{text-transform:uppercase}.legal span{font-weight:bold;font-size:20px}.footer{font-family:'Roboto Condensed', sans-serif;text-align:center;font-size:0;border-top:1px solid #ccc;padding-top:16px}.footer .footer-top .footer-link{display:inline-block;font-size:14px}.footer .footer-top .footer-link::after{content:"|";padding:0 5px}.footer .footer-top .footer-link:last-child::after{display:none}.footer .footer-top .footer-link a{color:#000;text-decoration:none}.footer .footer-bottom .copyright{font-size:14px}.footer .footer-top,.footer .footer-bottom{width:100%;padding:8px 0}.contact{text-align:center}.contact,.thankyou{border-top:1px solid #ccc;padding:30px}.contact input,.contact textarea{width:90%;margin:10px 0;padding:10px;font-size:16px}.social{border-top:1px solid #ccc;padding:30px;text-align:center}.social .linkedin,.social .twitter,.social .github{display:inline-block;text-align:center;margin:0 20px}.social div a{display:block;font-size:16px;text-decoration:none;transition:0.3s;color:#000}.social div a:hover{color:#555}.social div a i{font-size:60px}@media screen and (max-width: 1000px){.container,.title{margin-left:10%;margin-right:10%}}@media screen and (max-width: 700px){header .nav-link a{padding:14px 10px;display:block}.game img{height:400px}}@media screen and (max-width: 600px){h1{font-size:50px}h2{margin:20px 30px}ul li{list-style:inside}.container,.title{margin-left:0%;margin-right:0%;padding:20px 0}.contact{padding:30px 0}.project .project-title .logo,.project .project-title span,.game .game-title .logo,.game .game-title span{width:100%}.game{padding:30px 0}.game img{height:300px;margin-bottom:20px}.portfolio img{height:auto;width:100%}.project .project-title .logo,.project .project-title span,.project p,.project,.project .button,.portfolio .portfolio-title,.portfolio,.game .game-title .logo,.game .game-title span,.game p,.game,.game .button{text-align:center}.project,.portfolio,.game,.social,.contact,.privacy,.sitemap,.footer{margin:0 30px}.social .linkedin,.social .twitter,.social .github{margin:0 10px}.social{padding:30px 0}.social div a i{font-size:40px}}@media screen and (max-width: 500px){header .nav .nav-link{display:block;border-top:1px solid #6A0000}header .nav-link{display:block}header .nav-link a{width:100%}header .menu{display:block}header .nav{display:none;width:100%}.title{margin:20px 15% 0}}@media screen and (max-width: 350px){header .nav-link a{padding:14px 6px}.game img{height:240px}}

/*# sourceMappingURL=style.css.map */