.exp-1,.exp-2,html{background-color:#fff}h1,html{font-weight:300}#name,a{text-decoration:none;display:block}.company-details,.logo,.tech-heading{border-bottom:1px solid #ddd}#about-div,h6{padding-top:1vh}.about-1,.hire,.tech-skills-2{text-align:center}#name,.hire:after,.no-a-style,a{display:block}*{margin:0;padding:0;box-sizing:border-box}html{color:#555;font-family:Lato,Arial,sans-serif;font-size:20px;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background-color:#f5f5f5}.row{width:auto;margin:0 auto}header{background-image:linear-gradient(rgba(0,0,0,.715),rgba(0,0,0,.6)),url(img/hero.jpg);background-size:cover;height:100vh;background-attachment:fixed}h1{margin-top:0;margin-bottom:20px;color:#fff;font-size:230%;letter-spacing:1px;word-spacing:4px}.brown-text,h3{font-weight:400}h3{font-size:150%}.hero-text-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:20%;left:20%}.side-nav{height:100vh;position:fixed;float:left;width:14vw;background-color:#fafafa}.about,.exp-1,.exp-2,.side-nav i{position:relative}.logo{box-sizing:content-box;padding:30px 5px!important;background-color:#f3f1f1}.about-1,.teal{background-color:#008073!important}#name{padding:10px 8px;font-size:90%;color:#008073}.brown-text{color:#795548;font-size:60%;margin-left:.8vw}.about-1,h2{font-weight:300}.side-nav li{padding:10px 0}.side-nav i{top:5px;padding:0 15px}.side-nav li a i{font-size:150%!important}.about-icon{color:teal}.experience-icon{color:#00bcd4}.skill-icon{color:#3f51b5;transform:rotate(180deg)}#btn-send,.project-img-container{transform:scale(1);transition:transform .5s,opacity .3s}.project-icon{color:#9c27b0}.education-icon{color:#444343}.contact-icon{color:#3cb371;left:2px;font-size:140%!important;margin-right:2px}.edu-address,.resume-icon,blockquote{color:#795548}.hire-icon{color:#ff9800}.no-a-style{float:right}span{color:#333}.side-nav li:hover{background-color:rgba(189,188,188,.4);transition:background-color 1s}.side-nav li:active{background-color:rgba(3,109,109,.39)}.teal{color:#fff}.underline{-webkit-text-decoration:underline#008073;text-decoration:underline#008073;color:#fff}.about{margin-bottom:10vh;width:85.8%;height:100%;left:14.18%}.about-1{padding-top:5vh;height:18vh;font-size:250%;color:#fff}.form11,.position-font{font-weight:400}blockquote{border-left:5px solid #795548;font-size:125%;margin:6vh 0 6vh 2vw;padding-left:1.5rem;height:20vh;padding-top:1rem}.about p{text-align:justify;line-height:1.5em;margin-left:2vw;width:72vw;word-spacing:2px}.container{width:85%;margin:4vh auto auto;padding:1em}.exp-1,.exp-2,.skills-1{padding-left:1vw;overflow:hidden}.exp-1,.exp-2{margin:.5rem 0 60px;padding-bottom:2vh}.company-logo,.company-logo-1,.company-logo-EP,.company-logo-Senpiper{background-repeat:no-repeat;width:7vw;position:absolute;height:12vh;display:inline-block}#about-div,.skills-1{padding-bottom:4vh;background-color:#fff}.company-logo{background-image:url(img/Unwind.png);margin-left:1vw}.company-logo-EP{background-image:url(img/EP.png);margin-left:1vw}.company-logo-Senpiper{background-image:url(img/senpiper.png);margin-left:1vw}.freelance-logo{color:#f58220;font-size:12vh!important;margin-left:1vw}.company-name,.company-name-EP{color:teal;display:inline-block}.position-name,.position-name-1,.position-name-EP{font-size:85%;float:right}.company-name{margin-left:8vw;margin-top:3vh}.company-name-EP{margin-left:6vw;margin-top:1vh}.position-name{margin-right:2vw;margin-top:3.5vh;color:#795548}.position-name-EP{margin-right:2vw;margin-top:1.5vh;color:#795548}.position-name-1{line-height:200%;margin-right:5vw;color:#795548}.company-details{height:18vh;padding-top:5vh;width:98%}.job-points{margin-left:2vw;margin-top:5vh}.job-points li{line-height:150%}h6{border-top:1px solid #ddd;width:98%;margin-top:4vh;margin-left:2px;color:rgba(37,37,37,.651)}.skills-1{position:relative;margin:.5rem 0 60px;padding-right:1vw}.tech-heading{padding-bottom:2vh;margin-top:4vh;font-size:150%;color:#795548}.edu,.education,.hire{color:teal}#technology-1,#technology-2,#technology-3,#technology-4{display:inline-block;width:22%;text-align:center}#hire,#react-icon{margin-bottom:0}#html{width:6vw;margin-left:4.2vw}.tech-icon{border-style:none;width:9vw;margin-left:2.8vw;margin-top:4vh;margin-bottom:2vh;display:table-cell}.contact-links,.download,.tech-skills-2{display:inline-block}.tech-skills-2{width:15.5vw;margin-bottom:4vh}#about-div{width:90%;margin-top:8vh;margin-left:4vw}.box-shadow{box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%),0 2px 10px 0 rgb(0 0 0 / 12%)}.col{overflow:hidden}.form-label:first-child{margin-top:2%}.row-for-3{padding-bottom:0!important;padding:1em 2em}.project-info{margin:1em}.col-new{height:50vh}.project-info span{color:teal;font-weight:400;display:block;margin-bottom:2vh}.project-info p{display:contents}.project-img{width:100%;cursor:pointer}.bg{height:auto;background-color:#000;overflow:hidden}.edu-1,.edu-2{padding:0 1em;height:33vh}.education{margin-left:10vw;margin-top:3vh}.edu-1{width:47%!important;margin:4%}.edu-2{width:40%!important;margin:4% 1%}.edu{margin:0;font-size:130%;padding-top:.5em;margin-left:0!important;width:auto!important}.edu-ul{margin-left:2vw;margin-top:4vh}.edu-row{width:90%;margin:2vh 6vw}#edu1{margin:8vh 8vw!important}.edu-li{margin-bottom:2vh}.project-img-container{opacity:.7}.project-img-container:hover{opacity:1;transform:scale(1.2)}.hire{width:100%!important;margin-left:0!important;font-size:200%;margin-top:6vh;margin-bottom:6vh}.hire:after{height:1px;background-color:#795548;content:" ";width:45px;margin:12px auto 0}.form-row{width:100%;margin-left:0;background-color:#fff;overflow:hidden}#form-row-contact1{padding:5%}.form-ele-row{width:80%;margin:2vh 15vw}input[type=email],input[type=text],textarea{width:100%;padding:7px!important;border-radius:3px;border:1px solid #ccc}textarea{height:25vh}#btn-send{background-color:teal;border:1px solid teal;color:#fff;width:25%;padding:10px;border-radius:200px}#btn-send:hover{transform:scale(.9);background-color:rgba(2,97,97,.904);cursor:pointer}#send-btn{overflow:unset}:focus{outline:0}.contacts-icon{width:4vw}.contact-links{position:absolute;margin-left:2vw;margin-top:1vh}.contact-links:hover{text-transform:capitalize}.contact-links:visited{color:inherit}.contact-row{margin:8vh 6vw}.form11{float:right;color:red;font-size:80%;margin-top:3%}#contact{margin-bottom:0!important}.download{margin-top:15%;margin-left:10%;width:38%}.resume{height:100vh;margin-bottom:0}.jpeg,.pdf{width:80%!important;border-radius:4px!important}.download img{width:30%;margin-left:25%;margin-bottom:4%}.jpeg:hover,.pdf:hover{opacity:1;transform:scale(1.2)!important}.js-an-1,.js-an-2,.js-an-3,.js-an-4,.js-an-4-1{opacity:0}.js-an-1.animate__backInDown,.js-an-2.animate__backInDown,.js-an-3.animate__backInDown,.js-an-4-1.animate__fadeInUp,.js-an-4.animate__backInDown{opacity:1}.js-an-5,.js-an-7{-webkit-animation-duration:2s!important;animation-duration:2s!important}.js-an-10,.js-an-9{-webkit-animation:0s .5s infinite;animation:0s .5s infinite;-webkit-animation-duration:3s!important;animation-duration:3s!important}.js-an-11{-webkit-animation:0s .8s infinite;animation:0s .8s infinite;-webkit-animation-duration:2s!important;animation-duration:2s!important}.nav-icon{display:none!important}@media (max-width:992px){html{scroll-padding-top:10vh}.side-nav{background:#fff;width:100%;position:fixed;height:9vh;z-index:10;display:none}main{padding-left:0;padding-top:64px}body{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.about{left:0;width:auto}h1{font-size:345%}header{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.8)),url(img/Sara-mobile.jpg)}.hero-text-box{left:5%;top:44%}.about-1{padding-top:6vh;font-size:500%}#about-div{margin-left:4vw;width:93%}blockquote{height:7vh;margin:4vh 0 4vh 5vw}.about p{font-size:200%;margin-left:10vw;width:80%}.container{margin-left:2vw;width:97%}.company-details{height:15vh}.company-name-EP{margin-left:10vw;margin-top:0;font-size:200%}.company-name{margin-left:10vw;margin-top:0;font-size:200%;width:40%}.position-name,.project-info,h6{font-size:150%}.position-name-EP{float:left;font-size:150%;margin-left:10vw}.position-name{margin-left:10vw;margin-top:.5vh}#html,.job-points{margin-left:6vw}.job-points{margin-top:2vh}#name h3,.position-name-1{margin-left:10vw}.job-points li{font-size:180%;margin-bottom:2%}.freelance-logo{font-size:5vh!important}.position-name-1{font-size:150%;margin-top:-.5vh}#freelance-details-div{height:13vh}#freelance-name-div{margin-left:12vw}.nav-icon{float:right;color:teal;margin-top:1vh;margin-right:2vw;font-size:6em!important}.hide-nav,.nav-icon-0{display:none!important}.nav-icon-1{display:block!important}.logo{text-align:center;font-size:250%;padding:0!important}.nav-mobile ul,.tech-heading{font-size:300%}.nav-mobile{width:50%;height:120vh;background:#fff}.nav-mobile ul li{padding-top:4vh;padding-left:2vw}.side-nav i{top:18px}.nav-mobile ul li span{padding-left:4vw}.sticky{display:block}.col-new{margin:0!important}.row-for-3{padding-bottom:0!important}.tech-skills-2{width:25vw}.edu-1,.edu-2{width:95%!important}.tech-heading{margin-left:4vw}.project-info p{font-size:165%!important}.bg{height:auto}.edu-ul{font-size:210%;margin-left:6vw}.edu,.edu-address{margin-left:2%!important}.edu-address{font-size:230%}.edu{font-size:270%!important}.edu-2{margin-left:0!important}.hire{font-size:250%}.no-a-style,.tech-skills-2,form{font-size:200%}.contact-row p{margin-left:0}.contacts-icon{width:12vw}#technology-1,#technology-2,#technology-3,#technology-4{font-size:200%;width:24%}.tech-icon{width:12vw!important;margin-left:7vw}.media-html{width:9vw!important;margin-left:8vw!important}.margin-left{margin-left:0!important}.project-info span{font-size:165%}.about-icon{font-size:100%!important}.span-1-of-4{width:23.8%}.span2{margin-bottom:2%!important}#react-icon{padding-bottom:1.2vh}#btn-send{width:35%}.form-fields{margin-left:2.5%!important;width:65%!important}.transparent{width:100%!important;display:none;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,.5);z-index:997;will-change:opacity}.download{margin-left:10%;width:80%}.resume{height:106vh}.download img{width:40%;margin-left:30%;margin-bottom:4%}.jpeg,.pdf{border-radius:20px!important;height:8vh;font-size:300%}.download a{text-align:center!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.col-new,.resume{height:auto}}