.topbar{width:100%;height:45px;background-color:#fff;position:fixed;top:0;z-index:2;overflow-y:hidden}.topbar a{font-size:35px;padding-left:15px;color:#000;text-decoration:none}.intro{background-color:#fff;display:-webkit-flex;display:flex}.intro .left{-webkit-flex:.3 1;flex:.3 1;background-color:#ff0}.intro .left,.intro .left .iconSquare{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.intro .left .iconSquare{-webkit-flex-direction:column;flex-direction:column}.intro .left .iconSquare img{padding:25px;width:65px;height:65px;overflow-y:hidden}.intro .left .iconSquare:hover img{opacity:.7}.intro .right{-webkit-flex:.7 1;flex:.7 1;position:relative}@media(max-width:800px){.intro .right{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}}.intro .right .wrapper{width:100%;height:100%;padding-left:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}@media(max-width:800px){.intro .right .wrapper{padding-left:10px;-webkit-align-items:left;align-items:left}}.intro .right .wrapper h1{font-size:60px;margin:10px 0}@media(max-width:800px){.intro .right .wrapper h1{font-size:45px}}.intro .right .wrapper h2{font-size:25px}@media(max-width:800px){.intro .right .wrapper h2{font-size:20px}}.intro .right a{position:absolute;bottom:10px;margin-left:5px}.intro .right a img{width:30px;height:25px}li{font-size:20px;margin:15px;padding:10px;cursor:pointer}li.active{background-color:#000;color:#fff}.portfolio{background-color:grey;display:-webkit-flex;display:flex}.portfolio .left{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:.3 1;flex:.3 1;background-color:#ff0;-webkit-align-items:center;align-items:center}.portfolio .left,.portfolio .left .container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.portfolio .left .container{width:90%;height:90%;-webkit-align-items:left;align-items:left;-webkit-flex-direction:column;flex-direction:column}.portfolio .left .container h4{text-align:left;padding-top:30px;padding-bottom:5px;font-size:18px;overflow-y:hidden}@media(max-width:800px){.portfolio .left .container h4{font-size:14px}}.portfolio .left .container ul{padding-top:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;overflow-y:hidden;list-style-type:none;padding-left:0}.portfolio .left .container ul li{margin:0;width:100%;text-align:left;font-size:15px;cursor:text;overflow-y:hidden}@media(max-width:800px){.portfolio .left .container ul li{font-size:12px}}.portfolio .right{-webkit-flex:.7 1;flex:.7 1;position:relative;-webkit-justify-content:center;justify-content:center;background-color:#b1b9c2}.portfolio .right h1{padding:15px;font-size:35px}@media(max-width:800px){.portfolio .right h1{font-size:30px}}.portfolio .right ul{padding-top:20px;margin:10px;list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}@media(max-width:800px){.portfolio .right ul{-webkit-justify-content:center;justify-content:center;margin:0}}.portfolio .right .container{width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row}.portfolio .right .container,.portfolio .right .container .item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.portfolio .right .container .item{width:280px;height:230px;border:1px solid #959ba1;box-shadow:0 0 15px -8px #000;margin:10px 20px;text-align:center;background-color:#fff;color:#fff;position:relative;transition:all .5s ease}@media(max-width:800px){.portfolio .right .container .item{width:160px;height:160px}}.portfolio .right .container .item a{color:#fff;position:absolute;line-height:35px;font-size:20px;cursor:pointer;text-decoration:none}@media(max-width:800px){.portfolio .right .container .item a{font-size:15px}}.portfolio .right .container .item img{width:50%;height:auto;object-fit:cover;z-index:1}.portfolio .right .container .item:hover{background-color:#000}.portfolio .right .container .item:hover img{opacity:.4;z-index:0}.portfolio .right a{position:absolute;bottom:10px;margin-left:5px}.portfolio .right a img{width:30px;height:25px}.contact{display:-webkit-flex;display:flex}.contact .left{-webkit-flex:.3 1;flex:.3 1;background-color:#ff0}.contact .left,.contact .left .iconSquare{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.contact .left .iconSquare{-webkit-flex-direction:column;flex-direction:column}.contact .left .iconSquare img{padding:25px;width:65px;height:65px;overflow-y:hidden}.contact .left .iconSquare:hover img{opacity:.7}.contact .right{-webkit-flex:.7 1;flex:.7 1;position:relative;-webkit-justify-content:center;justify-content:center;background-color:#b1b9c2}.contact .right h1{padding:15px;font-size:35px}@media(max-width:800px){.contact .right h1{font-size:30px}}.contact .right .container{width:100%;height:85%;-webkit-justify-content:center;justify-content:center}.contact .right .container,.contact .right .container form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.contact .right .container form{width:70%;height:80%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;border:1px solid #959ba1;box-shadow:0 0 15px -8px #000;padding:10px}.contact .right .container form h4{padding:10px;overflow-y:hidden;font-size:25px}.contact .right .container form h5{text-align:center;font-size:15px;padding:20px;overflow-y:hidden}@media(max-width:800px){.contact .right .container form h5{font-size:13px}}.contact .right .container form .iconSquare{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.contact .right .container form .iconSquare img{padding:25px;width:65px;height:65px;overflow-y:hidden}.contact .right .container form .iconSquare:hover img{opacity:.7}.contact .right .container form:focus{outline:none}.certifications{background-color:#fff;display:-webkit-flex;display:flex}.certifications .left{-webkit-flex-direction:column;flex-direction:column;-webkit-flex:.3 1;flex:.3 1;background-color:#ff0;-webkit-align-items:center;align-items:center}.certifications .left,.certifications .left .container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.certifications .left .container{width:90%;height:90%;-webkit-align-items:left;align-items:left;-webkit-flex-direction:column;flex-direction:column}.certifications .left .container h4{text-align:left;padding-top:30px;padding-bottom:5px;font-size:20px;margin-bottom:8px;overflow-y:hidden}@media(max-width:800px){.certifications .left .container h4{font-size:15px;margin-bottom:10px}}.certifications .left .container p{text-align:left;font-size:15px;overflow-y:hidden}@media(max-width:800px){.certifications .left .container p{padding-top:8px;font-size:13px}}.certifications .right{-webkit-flex:.7 1;flex:.7 1;position:relative}.certifications .right h1{padding:15px;font-size:35px}@media(max-width:800px){.certifications .right h1{font-size:28px}}.certifications .right .container{width:100%;height:80%;display:-webkit-flex;display:flex;position:relative;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media(max-width:800px){.certifications .right .container{-webkit-flex-direction:column;flex-direction:column}}.certifications .right .container .card{width:220px;height:450px;box-shadow:0 0 15px -8px #000;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;padding:20px;transition:all .5s ease}.certifications .right .container .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.certifications .right .container .card .top{-webkit-flex:.3 1;flex:.3 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.certifications .right .container .card .top .institution{height:70px;width:70px}@media(max-width:800px){.certifications .right .container .card .top .institution{height:40px;width:40px}}.certifications .right .container .card .middle{-webkit-flex:.3 1;flex:.3 1;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.certifications .right .container .card .middle h3{text-align:left;font-size:15px}@media(max-width:800px){.certifications .right .container .card .middle h3{font-size:12px;overflow-y:hidden}}.certifications .right .container .card .middle h4{padding-top:15px;font-size:15px;color:#b5bac0}@media(max-width:800px){.certifications .right .container .card .middle h4{font-size:11.5px;padding-top:0;overflow-y:hidden}}.certifications .right .container .card .bottom{-webkit-flex:.4 1;flex:.4 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;position:relative}.certifications .right .container .card .bottom img{display:block;width:70%;height:auto}@media(max-width:800px){.certifications .right .container .card .bottom{height:80px;width:90px}}@media(max-width:800px){.certifications .right .container .card{width:70%;height:150px;padding:15px}}.certifications .right a{position:absolute;bottom:10px;margin-left:5px}.certifications .right a img{width:30px;height:25px}.App{height:100vh}.App .sections{width:100%;height:calc(100vh - 45px);background-color:#fff;position:relative;top:45px;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-behavior:smooth}.App .sections>*{width:100vw;height:calc(100vh - 45px);scroll-snap-align:start}
/*# sourceMappingURL=main.e8e74acc.chunk.css.map */