nav *{box-sizing:border-box}#titletext h1{font-family:'Great Vibes',cursive!important;font-size:1.5em!important;color:transparent;float:left}#logo{float:left;width:200px;margin-top:20px}#logo a{font-family:'Great Vibes',cursive!important;font-size:2em;display:none}nav{width:100%;height:80px;background-color:rgba (35,32,33,0.1);z-index:200;position:fixed;top:0;left:0}.filled{background-color:#fff}.filled #titletext a h1{color:#dadada}.nav-inner{padding:0 10%;width:100%;display:block;height:80px;background-color:rgba (35,32,33,0.1)}nav h1{color:#dadada}nav a{text-decoration:none}nav a:link,nav a:visited{color:#dadada}nav a:hover,nav a:active{color:#dadada}nav ul{list-style-type:none;width:100%;text-align:center;padding:0;margin:0}@media(max-width:865px){.nav-inner{padding:0}#titletext{padding:0 0 0 5%}.nav-list{width:100%;position:absolute;z-index:2;background-color:#232120;top:80px}nav ul li{float:none;display:none;width:100%;height:50px;border-bottom:1px solid #dadada;border-top:1px solid #dadada;border-collapse:collapse}nav a p{margin:0;padding:16px}.container{display:inline-block!important;cursor:pointer;margin-top:20px;float:right;padding:0 10% 0 0}.bar1,.bar2,.bar3{background-color:#d0cdcd;width:35px;height:5px;margin:6px 0;transition:.4s}.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}}@media(min-width:865px){nav a{height:80px}.container{display:none}.nav-list{float:right}nav ul li{float:left;padding:0 20px;min-height:80px;display:block!important}nav ul li p{margin-top:30px}nav ul li:hover{border-bottom:2px solid #fff;color:#dadada}nav a:link,nav a:visited{color:#dadada}nav a:hover,nav a:active{color:#dadada}}@font-face{font-family:'Raleway';src:url(ressources/fonts/Raleway-Regular.ttf) format("truetype")}@font-face{font-family:'OpenSans';src:url(ressources/fonts/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:'GreatVibes';src:url(ressources/fonts/GreatVibes-Regular.ttf) format("truetype")}a:link,a:visited{color:#d47479}h1{font-size:2em}h1,h2,h3,h4,h5,h6,h7{font-family:Raleway}body{background-color:#232120;margin:0;padding:0;zoom:1}body *{box-sizing:border-box;font-family:OpenSans}header{background-color:#232120;width:100vw;height:100vh}#particles-js{background-color:#232120;width:100vw;height:100vh;background-image:url();background-repeat:no-repeat;background-size:cover;background-position:50% 50%}main{position:absolute;top:0;left:0}section{width:100vw;display:flex;flex-direction:column;background-color:transparent;display:flex;align-items:center;color:#dadada}.parallax{width:100%;background-color:transparent;height:15vh;align-items:center}#title{justify-content:center;background-color:transparent;height:100vh}#particles-js{top:0;left:0;position:fixed}#overlay{position:absolute;background-color:transparent;width:100%;text-align:center}#overlay span{font-size:1.2em;color:#dadada}.titleanimated{color:#d47479!important}.content{width:90%;min-height:250px;border:1px solid #d47479;border-radius:5px}#skills .content,#portfolio .content{border:none;background-color:transparent}.collum-6,collum-4,collum-8{width:100%}#chart{width:50%}.items{font-size:1.8em;color:#232120}.item-span svg image{width:100px;height:100px}.item-span svg{height:100px;width:100px;display:block;margin:10px auto}.item-span h2{text-align:center}.item-span{width:100%;font-size:.5em;border-bottom:1px solid #d47479}.skillbar{background-color:gray;border-radius:10px;height:15px;margin-bottom:20px;overflow:hidden;width:100%}.progress{background:#d13038;background:-moz-linear-gradient(left,#d13038 0%,#d35d63 50%,#d47479 100%);background:-webkit-linear-gradient(left,#d13038 0%,#d35d63 50%,#d47479 100%);background:linear-gradient(to right,#d13038 0%,#d35d63 50%,#d47479 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d13038',endColorstr='#d47479',GradientType=1);width:0;height:100%}.collum{width:90%;margin:30px auto;display:block}.skilltitle{margin:1px;width:100%}.frameworks{justify-content:space-between;display:flex}.frameworks svg{width:40px;height:40px;display:block}.frameworks svg image{width:40px;height:40px}.progress{height:15px}.item-span{background-color:#dadada;padding:10px 25px;margin-top:20px;border-radius:5px;display:none}#selbstbild{margin:20px auto;display:block;border-radius:100%;border:1px solid #232120;display:none;height:200px;width:200px;background:url(ressources/images/Selbstbild-small.jpg)}.center-wrapper{display:block;margin:0 auto;width:202px;height:246px}h1{width:100%;text-align:center}#about table{width:100%}.content .inner{padding:20px}#about table td:nth-child(odd){width:40%}#about table td{padding:3px}.contain{border-bottom:1px solid #dadada}.contain h3{margin-bottom:0;color:#d47479}.contain p{margin-top:0}#nameinpt,#emailinpt,#messageinpt,#firmainpt{padding:10px 15px;background-color:transparent;border:none;border-bottom:1px solid #f5f5f5;width:100%;font-size:1em;margin-top:20px;color:#f5f5f5}input::placeholder,textarea::placeholder{color:darkgrey}#messageinpt{height:150px;font:400 1em Arial;border-bottom:none;background-color:rgba(255,255,255,.1);border-radius:3px;margin-bottom:10px}#nameinpt:focus,#emailinpt:focus,#messageinpt:focus,#firmainpt:focus{border-bottom:1px solid #d47479}textarea:focus,input:focus,button:focus{outline:none}#submitcontact{width:100%;background-color:transparent;border:1px solid #d47479;color:#d47479;border-radius:5px;padding:10px;font-family:OpenSans;font-size:1em}#submitcontact:hover{background-color:#d47479;color:#dadada;cursor:pointer}#contact button{margin-top:20px}.getstarted{margin-top:100px!important;padding:10px;text-decoration:none;border:1px solid #d47479;border-radius:5px;display:block;width:50%;margin:0 auto}.getstarted:link,.getstarted:visited{color:#d47479}.getstarted:hover,.getstarted:active{color:#dadada;background-color:#d47479}footer{width:100%;text-align:right;padding:20px;padding-right:40px;float:right;color:#dadada;font-size:.8em}.parallax a:link,.parallax a:active .parallax a:visited,.parallax a:hover{color:#dadada}i{font-size:3em;color:#dadada}#contact .parallax{display:flex;justify-content:space-between;width:60%}.content{background-color:rgba(35,33,32,0.7);color:#dadada;border:none}#about p{margin-top:30px}#about .inner{padding-top:0}#info{display:none}.items{min-height:440px}.timeline{display:none}#career .content{min-height:680px;font-size:.9em}@media(max-width:865px){.items{min-height:1420px}#about .content{min-height:918px}#messageinpt{height:200px}}a.demo{text-align:center;margin-top:30px;padding:10px;text-decoration:none;border:1px solid #d47479;border-radius:5px;display:block;width:100%;margin:0 auto}.demo:link,.demo:visited{color:#dadada;background-color:#d47479}.demo:hover,.demo:active{color:#d47479;background-color:#dadada}#info{padding-top:0}#about .collum-6:nth-child(1){padding-bottom:0}#portfolio p{}@media(min-width: 865px){#overlay{width:50%;font-size:1.5em}.content{flex-direction:row;width:100%;padding:5%}.collum-6{width:50%;float:left}.collum-4{width:25%;float:left}.collum-8{width:75%;float:left}.item-span{width:300px;height:530px;padding:10px 25px;justify-content:center;align-items:center;border:1px solid #d47479;font-size:.8em}.item-span:nth-child(odd){margin-top:-120px}.item-span:nth-child(even){margin-top:-90px}.items{display:flex;justify-content:space-between;max-width:1000px;margin:0 auto}.items{font-size:1em}.collum{margin-top:30px;height:190px}.offset{margin-top:60px}.parallax{height:20vh}.inner{padding-left:10%;padding-right:10%}#selbstbild{background:url(ressources/images/Selbstbild.jpg);width:400px;height:400px}.center-wrapper{width:402px;height:464px}i{font-size:7em}#info{margin-top:75px}}