*{box-sizing:border-box}.navbar{align-items:center;background:#fff;display:inline-flex;float:right;height:70px;justify-content:center;overflow:hidden;position:fixed;text-align:center;width:100%;z-index:1}.navbar .nav-logo{color:#27259b;font-size:25px;font-weight:800;margin:25px}.navbar .nav-items{align-items:center;display:inline-block;justify-content:right;overflow:hidden}.navbar .nav-items a{border:1px solid transparent;color:grey;justify-content:center;opacity:.9;padding:5px;position:relative;text-decoration:none;top:0;transition:top .5s ease}.navbar .nav-items a,.navbar .nav-items a.active{display:inline-block;font-size:15px;font-weight:400;margin:10px}.navbar .nav-items a.active,.navbar .nav-items a:hover{box-shadow:inset 0 -3px #27259b;color:#27259b;opacity:1;top:-3px}.navbar .nav-items a:hover{display:inline-block;font-size:15px;font-weight:400;margin:10px}.intro{background-color:#fff;overflow:hidden;z-index:1}.intro .main-body{align-items:center;height:100%;justify-content:center;margin:0;overflow:hidden;position:absolute;top:25%;width:100%}.intro .main-body .wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px}.intro .main-body .wrapper h1{color:#27259b;font-size:50px;margin:15px;text-align:center}.intro .main-body .wrapper h2{font-size:15px;font-weight:100;text-align:center}.intro .main-body .wrapper h3{font-size:20px;font-weight:100;text-align:center}.intro .main-body .social-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:40px;text-decoration:none}.intro .main-body .social-icons a{color:gray;display:flex;flex-direction:column;font-size:40px;margin:15px;padding:10px;position:relative;text-decoration:none;top:0;transition:top .5s ease}.intro .main-body .social-icons a:hover{color:#27259b;top:-10px}.intro .main-body .arrow-wrapper{display:flex;justify-content:center;margin-top:100px;position:relative;width:100%}.intro .main-body .arrow-wrapper a{align-items:center;color:#27259b;justify-content:center}.intro .main-body .arrow-wrapper a .arrow{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;background-color:#27259b;border-radius:50%;color:#fff;font-size:50px}@-webkit-keyframes arrowBlink{to{opacity:20%}}@keyframes arrowBlink{to{opacity:20%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#4a4997;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#27259b}.portfolio{align-items:center;background-color:#fff;display:flex;flex-direction:column;opacity:.8;z-index:-1}.portfolio h3{margin:2px;padding:8px}.portfolio h2{font-size:25px;overflow:hidden;padding:5px;z-index:1}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}.portfolio ul li{border-radius:10px;cursor:pointer;font-size:12px;margin-right:50px;overflow:hidden;padding:10px}.portfolio ul li.active{background-color:#27259b;color:#fff}.portfolio .container{align-items:center;flex-wrap:wrap;width:100%}.portfolio .container,.portfolio .container .item{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.portfolio .container .item{border-radius:10px;box-shadow:0 0 5px #27259b;color:#27259b;cursor:pointer;height:100px;margin:10px 20px;position:relative;transition:all .5s ease;width:200px}.portfolio .container .item h3{font-size:14px;justify-content:center;margin:0 5px;position:absolute;text-align:center;top:10%}.portfolio .container .item p{font-size:12px;position:absolute}.portfolio .container .item p,.portfolio .container .item p a{align-items:center;bottom:10%;overflow:hidden;text-align:center}.portfolio .container .item p a{background-color:#fff;border:1px solid #fff;border-radius:3px;color:#27259b;font-size:16px;font-weight:300;height:10px;justify-content:center;margin-bottom:5px;text-decoration:none}.portfolio .container .item button{background-color:#27259b;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:30px;margin:20px;outline:0;padding:5px;position:relative;text-transform:capitalize;top:40px;width:auto}.portfolio .container .item button:hover{background-color:#fff;border-color:#fff;color:#27259b}.portfolio .container .item:hover{background-color:#27259b;color:#fff}.portfolio .container .item:hover button{background-color:#fff;border-color:#fff;color:#27259b}.portfolio .portfolio-sections{align-items:center;justify-content:left;padding:10px;width:90%}.portfolio .portfolio-sections h3{align-items:center;justify-content:center}.portfolio .portfolio-sections h3 .icon{color:#27259b;position:relative;top:3px}.app{font-family:-apple-system,BlinkMacSystemFont,sans-serif;height:100vh}.app .sections{background-color:#fff;height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.3865ee77.css.map*/