@font-face{font-family:"Noto Sans";src:url(../res/fonts/NotoSans-Regular.ttf) format("truetype")}body{margin:0}h1{font-family:"Noto Sans";font-size:2em}#intro .video-image{position:absolute;background:url(../res/img/lwebb-static.jpg);background-repeat:no-repeat;background-size:cover;width:99vw;height:100vh;z-index:-1}#intro .video-mask{max-width:100vw;height:100vh;background-color:rgba(9,0,61,.7);display:flex;justify-content:center;align-items:center}#intro h1{color:#bdb4f0;padding:1em;font-weight:400}#intro .emphasize{color:#fff;font-weight:700}#skills{background-color:#2c2c2c;max-width:100vw;display:flex;flex-direction:column;text-align:center}#skills h1{color:#fff;font-size:3em;letter-spacing:3px;font-weight:700}#skills .skills-container{display:flex;flex-direction:column;align-items:center;padding:1em}#skills .skills-container i{font-size:5em;color:#43b68a}#skills .skills-container h1{font-size:2em;letter-spacing:normal;font-weight:400}#skills .skills-container ul{margin-top:0}#skills .skills-container ul li{font-family:"Noto Sans";font-size:1em;font-weight:400;text-align:left;color:#fff}#projects{background-color:#474747;max-width:100vw;display:flex;flex-direction:column;text-align:center}#projects h1{color:#fff;font-size:3em;letter-spacing:3px;font-weight:700}#projects p{font-family:"Noto Sans";font-size:1em;font-weight:400;color:#fff;padding-bottom:2em}#contact{background-color:#2c2c2c;max-width:100vw;display:flex;flex-direction:column;text-align:center}#contact h1{color:#fff;font-size:3em;letter-spacing:3px;font-weight:700}#contact i{font-size:5em;color:#43b68a}#contact p{font-family:"Noto Sans";font-size:2em;font-weight:700;color:#fff}#footer{background-color:#000;max-width:100vw;text-align:center}#footer p{margin:0;padding:1em;font-family:"Noto Sans";font-size:.75em;font-weight:700;color:#fff}@media (min-width:750px){#intro h1{font-size:3em;padding:3em}#skills .skills-row{display:flex;flex-direction:row;align-items:top;justify-content:center}}@media (min-width:1200px){#intro h1{font-size:3em;padding:5em}#skills .skills-row-master{display:flex;flex-direction:row;align-items:center;justify-content:center}}@media (min-width:1500px){#intro h1{font-size:3.5em;padding:7em}}