@font-face{font-family:"Lato", sans-serif;src:url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700');font-display:swap;}#firstIcons{font-size:12px;margin-top:2em;} 
body,html{background-color: #2C918A;}h1,h2,h3,h4,h5,h6{font-family: "Lato",sans-serif !important;font-weight: 900 !important;}.wrapper{background-color: #e3e3e3;}.img-circle{border-radius: 20%;}.my-button{font-size: 1em;line-height: normal;text-transform: uppercase;font-family: 'Lato',sans-serif;font-weight: 900;-webkit-transition: all .2s ease-in-out;transition: all .3s ease-in-out;letter-spacing: 0;border-radius: 45px;height: auto;padding: .8em 2.1em; margin-bottom: 2em;}.my-button:hover{cursor: pointer;padding: .8em 3em;}.my-button:active,.my-button:focus,.my-button.active{background-image: none;outline: 0;-webkit-box-shadow: none;box-shadow: none;}.thin-bar{border-bottom: 5px solid #810eb7;}/*** About ***/
#about{margin-top: 10em;border: 1px solid #23746efd;background-color: #e3e3e3;padding-bottom: 2em;}#about img{max-width: 15em;position: relative;bottom: 8em;}#about .details{margin-top: -2em;}#about h2{color: #080505a2;font-size: 3.8em;padding-bottom: 1em;}#about span{font-weight: 300;font-size: .8em;}#about h5{color: #8A8A8B;}#about p{margin-top: 1em;color: #646464;font-family: "roboto";font-weight: 300;}.cta .cta-button{color: #080505a2;text-transform: uppercase;border: 2px solid rgb(43,116,104);border-radius: 20px;background: #fff;}.cta .cta-button:hover,.cta .cta-button:focus{box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 14px 1px rgba(0,0,0,0.15);background-color: rgb(43,116,104);color: #fff;transition: all .3s ease-in-out;}.my-arrow-div .tltp{color: #fff;}#about i{margin-top: 2em;}.fa{font-size: 1.2em;padding: 0.1em 0.4em;color: #5c5c5c;}.fa:hover{cursor: pointer;color: #000;}/*** Exp ***/
#experience{background-color: #4aafa7d8;padding: 6em 4em 5.6em;}#experience h2{color: #fff;margin-bottom: .8em;}#experience .tag-line{color: #fff;font-size: 1.4em;}#experience i{color: #000;font-size: 4em;}#experience h3{color: #fff;}.experience-topics p{color: #ACAEB2;font-family: "Maven pro",sans-serif;border-color: #000;}.experience-topics ul li{list-style: none;color: #fff;font-family: "Maven pro",sans-serif;font-weight: 500;}/*** work ***/
#work{padding: 6em 4em 3em;background-color: #def3f1a2;border: 1px solid #23746efd;}#work h2{color: #313134;margin-bottom: .8em;}#work .tag-line{color: #767779;font-size: 1.4em;margin-bottom: 4em;}#work .work-row{margin-bottom: 5.5em;}.details h3{color: #637172;text-transform: uppercase;}.details .platform{font-size: 0.8em;text-transform: uppercase;margin: 2em 0 -0.1em;font-family: "Maven pro",sans-serif;font-weight: 500;color: #05cbaa;}.details i{color: #35989f;margin-right: 1em;}.details p{color: #738182;font-family: "Maven pro",sans-serif;font-weight: 500;font-size: 1.2em;margin-bottom: 2em;}.details a,.details a:link,.details a:active{color: rgba(39,100,186,0.91);border: 2px solid rgb(6,121,100) !important;background-color: #fff;border-radius: 20px;}.details a:hover,.details a:focus{box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 14px 1px rgba(0,0,0,0.15);background-color: rgba(39,100,186,0.91) !important;color: #fff;transition: all .3s ease-in-out;}.work-row{padding-top: 30px;}.work-row img{box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);border-radius: 12px;}/*** teaching ***/
#teaching{padding: 6em 4em 3em;background-color: #B5EFEC;}#teaching h2{color: #000;}#teaching .tag-line{color: #000;font-size: 1.4em;}#teaching .teaching-domains{height: 500px;width: auto;margin-top: -4em;}/*** Footer call-to-action ***/
#footer-cta{background-color: #def3f1a2;padding: 6em 4em 5.6em;border: 1px solid #198592;}#footer-cta h2{color: #000;}#footer-cta p{color: #000;font-family: "Maven pro",sans-serif;font-weight: 500;font-size: 1.2em;}#startButtonDiv{margin-top: 3em;}#footer-cta a{border: 2px solid #6927d3;border-radius: 20px;color: #000;background-color: #fff;transition: all .3s ease-in-out;}#footer-cta a:hover{background: #6e2ed4;border-color: rgb(43,116,104);color: #fff;border-color: rgb(43,116,104);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 14px 1px rgba(0,0,0,0.15);}/*** footer ***/
#footer{padding: 5em 4em 2em;background-color: #B5EFEC;}#footer #copyright{margin-top: 1.6em;font-family: "Maven pro",sans-serif;font-weight: 500;color: #5a5959;}.profile-photo{width: 210px;height: 210px;margin: 0 auto;border: 4px solid #2C918A;border-radius: 20%;background-size: cover;margin-top: -100px;margin-bottom: 60px;}