.topImgPortfolio .title h1{font-size:45px;line-height:1.2em;}.portfolio_desc{padding:80px 40px;background:#e9f1fe;margin-top:-76px;background:linear-gradient(0deg, rgba(255, 255, 255, 0), #f2f9fd, rgba(255, 255, 255, 0));}.portfolio_desc .button{margin-top:40px;}.portfolio_desc .description{padding:0 10%;}.portfolio_desc .description img{width:255px;margin-bottom:15px;}.mackbook_wrap{margin-top:-80px;z-index:99999;position:relative;}.macbook{padding:0;margin:0 auto;max-width:100%;padding-bottom:75px;}.screen{background:#000;border-radius:3% 3% 0.5% 0.5% / 5%;/* for aspect ratio */margin:0 auto;position:relative;width:80%;}.screen:before{border:2px solid #cacacc;border-radius:3% 3% 0.5% 0.5% / 5%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;content:"";/* for aspect ratio ~67:100 */display:block;padding-top:67%;}.screen:after{content:"";border-top:2px solid rgba(255, 255, 255, 0.15);position:absolute;bottom:0.75%;left:0.5%;padding-top:1%;width:99%;}.viewport{position:absolute;bottom:0;left:0;right:0;top:0;margin:4.3% 3.2%;background:#333;}.base{position:relative;width:100%;}.base:before{content:"";/* for aspect ratio ~33:1000*/display:block;/* stylin */padding-top:3.3%;background:linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4b4b4f 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);border-radius:0 0 10% 10%/ 0 0 50% 50%;}.base::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);content:"";height:53%;position:absolute;top:0;width:100%;}.notch{background:#ddd;border-radius:0 0 7% 7% / 0 0 95% 95%;box-shadow:-5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;margin-left:auto;margin-right:auto;margin-top:-3.5%;/* for aspect ratio */z-index:2;position:relative;width:14%;}.notch:before{content:"";/* for aspect ratio ~1:10 */display:block;padding-top:10%;/* Screenshot Hover Scroll Additions
-------------------------------------------------------------- */}.macbook .viewport{transition:background-position 3s ease;background-position:0 0;background-size:100% auto;overflow:hidden;cursor:pointer;}.macbook:hover .viewport{background-position:0 100%;}.macbook .viewport:after{background:radial-gradient(circle at right bottom, transparent 75%, rgba(255, 255, 255, 0.05) 75%, transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0;}