@font-face{font-family:ArabicBold;src:url(/fonts/ArabicBold.otf) format("opentype")}*{font-family:ArabicBold,Times,"serif";-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px}body{background:#f2e3c6}a{text-decoration:none;color:inherit}#root{width:100%;padding:50px 80px;margin:0}@media (max-width:767px){#root{padding:10px;margin-top:180px}}.nav-wrapper{top:50px;position:fixed;right:80px;margin:0;z-index:10;text-align:right}.nav-inner{width:100%;height:100%;position:relative}.nav-line{position:absolute;background:#000;height:8px;width:calc(100vw - 200px);top:40px;right:80px;-webkit-transform:skewX(-10deg);transform:skewX(-10deg)}.title{margin:0;padding:0;font-size:5rem;text-align:right;text-transform:lowercase}.nav__item{position:relative}.nav__highlight{opacity:0;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;background:#e65266;height:8px;width:calc(100% - 8px);margin-left:4px;bottom:4px;-webkit-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.nav__item.active .nav__highlight,.nav__item:hover .nav__highlight{opacity:1}.nav__title{margin:.4rem;text-transform:capitalize}@media (max-width:767px){.nav-wrapper{top:10px;right:10px}.nav-line{width:calc(100vw - 80px)}}.portfolio-detail{padding-top:50px;padding-right:75px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.portfolio-detail img{width:100%;margin-bottom:20px}.portfolio-images__text{display:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.portfolio-images__text p{padding:4px}.portfolio-images__text p,.portfolio__text p{font-size:1.2rem}.portfolio__text h2{border-bottom:2px solid #e65266;margin:0;padding:.83rem 0}.portfolio-images__text p:first-of-type{width:60%}.portfolio-images__text p:nth-of-type(2){border-left:2px solid #e65266}@media (max-width:767px){.portfolio-detail{padding-right:0}.portfolio__text{display:none}.portfolio-images__text{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:768px){.portfolio__images{width:75%}.portfolio__text{display:block;width:calc(25% - 115px);position:fixed;right:200px}}.about{margin-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#portrait{height:70vh;min-height:200px}#bio{width:50%;padding:40px;font-size:1.8rem}@media (max-width:767px){.about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#portrait{height:50vh}#bio{width:100%}}.portfolio-item--article .portfolio_image{-webkit-filter:none;filter:none;font-size:4rem;text-align:right;padding:10px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.portfolio-item.portfolio-item--article{position:static;height:auto}@media (max-width:767px){.portfolio-item--article .portfolio_image{height:auto}}#portfolio-list{width:94%;margin-top:90px;position:relative}.portfolio-item{width:100%;height:100px;display:block;position:absolute}.portfolio-item:not(:first-of-type){margin-top:10px}.portfolio-item__content{height:100%;position:relative}.portfolio-item__content:hover .portfolio-item__highlight{opacity:1}.portfolio-item__highlight{opacity:0;position:absolute;background:#e65266;height:8px;width:calc(75% - 20px);margin-left:10px;bottom:10px;-webkit-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.portfolio-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%}.portfolio_image{height:100%;width:75%;-webkit-filter:blur(2px);filter:blur(2px);-webkit-transition:all .4s;transition:all .4s}.lazyload,.portfolio_image{background-size:cover;background-position:50%}.lazyload{background-image:linear-gradient(24deg,#e66465,#9198e5);opacity:.5;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:filter,opacity;transition-property:filter,opacity,-webkit-filter}.lazyloaded{-webkit-filter:blur(0);filter:blur(0);opacity:1}.portfolio_description{width:25%;padding-left:20px;color:#535151;font-size:1.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.portfolio_description p{margin:0}@media (max-width:767px){#portfolio-list{width:100%}.portfolio-item{height:auto}.portfolio-item a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.portfolio_image{height:140px;width:100%}.portfolio_description{width:100%;padding:10px 10px 0}}