html,body{overflow-x:hidden}html{overflow-y:scroll;-webkit-overflow-scrolling:touch;}html,body,h1,p{margin:0;padding:0}*{box-sizing:border-box;-moz-box-sizing:border-box}.page-wrap{height:100vh;clear:both;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.splitLeft{height:100%;border-right:2px solid #000;overflow-y:scroll;-webkit-box-flex:1;-moz-box-flex:1;width:33,3333%;-webkit-flex:1;-ms-flex:1;flex:1}.splitRight{height:100%;border-right:2px solid #000;overflow-y:scroll;-webkit-box-flex:2;-moz-box-flex:2;width:66,6666%;-webkit-flex:2;-ms-flex:2;flex:2}.splitLeft::-webkit-scrollbar,.splitRight::-webkit-scrollbar{display:none}a{cursor:pointer}.active{opacity:.5}.italic{font-style:italic}.linethrough{text-decoration:line-through}.small{font-size:14px;padding-left:3px}header{position:fixed;height:95px;top:0;left:0;z-index:3;padding:1rem 1rem 0 1rem;margin-bottom:1rem;width:90%;font-family:"Helvetica","sans-serif"}footer{clear:both;background:red;padding:20px}nav{padding-top:3rem}header a{text-decoration:none;color:#000;transition:color 1s ease}header a:hover{color:#ababab}header h1{font-size:2.5rem}ul{list-style-type:none;margin:0;padding:0}ul li{display:inline-block}ul li a{color:#000;text-decoration:none}#projects{text-align:center;height:100%;margin:0;padding-top:95px;padding-bottom:150px}.thumbnail{position:relative;width:300px;height:300px;display:inline-block;transition:opacity 0.5s ease}.thumbnail a{display:block}.thumbnail:hover{opacity:.5}#container{position:fixed;top:0;width:100%;height:0%;background-color:#fff;justify-content:center;align-items:center;transition:0.5s;z-index:2;transition:0.5s;overflow-y:hidden}.contact{line-height:1.25;font-size:2em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.contact p{font-family:"Helvetica","sans-serif";padding-bottom:20px}#hideContact a{text-decoration:none;color:#000;transition:color 1s ease}#hideContact a:hover{color:#ababab}.contact a{text-decoration:none;color:#000;transition:color 0.5s ease}.contact a:hover{color:#ababab}#description{border-right:none;background:#fff;margin:0;padding-top:95px;padding-bottom:95px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}#description:after{content:"";height:50px;display:block}#description img{width:90%;display:block;margin:0 auto;padding:.25rem 0}#description p,h2{width:80%;margin:0 10%}#description p{font-size:20px;margin-bottom:2rem;line-height:1.25;max-width:650px}#description h2{font-family:"Helvetica","sans-serif";margin-bottom:2rem}.descriptionChapter{padding-bottom:6rem}button{font-size:16px;background:#fff;color:#000;border:1.75px solid #000;position:relative;left:50%;transform:translateX(-50%);transition:all 0.5s ease;padding:5px;margin-top:120px}button:hover{color:#ababab;border-color:#ababab;cursor:pointer}.cross{border:none;font-size:2em;background:none;position:fixed;left:initial;right:1rem;top:1rem;margin:0;transform:none}@media screen and (max-width:950px){.splitLeft,.splitRight{position:absolute;border:none;-webkit-box-flex:0;-moz-box-flex:0;width:100%;-webkit-flex:0;-ms-flex:0;flex:0}.splitRight{z-index:1}}.red{color:red}