@font-face{font-family:autography;src:url(/static/media/Autography-DOLnW.3c234b5e.otf)}body{margin:0;width:100%!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}body{background:url(https://images.unsplash.com/photo-1527542146552-9e862c46e596?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8Ymx1cnJlZCUyMGNpdHl8ZW58MHx8MHx8&ixlib=rb-1.2.1&w=);background-size:cover;background-position:bottom;background-repeat:no-repeat;width:100%;height:100vh;margin:0 auto}.overlay{position:absolute;width:100vw;top:0;left:0;right:0;bottom:0;background-color:rgba(33,42,52,.7);z-index:-1}.App{height:100vh!important}.construction-container{width:100vw;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.secondary{display:flex;justify-content:space-between;align-items:center;max-width:40%;margin:0 auto}.bar{width:25%}.bar,.big-bar{border:1px solid #fff!important}.big-bar{width:70%;margin:0 auto}.secondary-title{color:#fff;margin:0}.main-title{color:#fff;font-size:8vw;font-weight:700;line-height:7w}.construction-bar-container{width:50%;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.construction-bar{animation:construction-bar 3s normal forwards}@keyframes construction-bar{0%{width:0}to{width:10%}}.completed{width:120px;margin:0}.social{color:#fff;font-size:50px;transition:.5s}.social:hover{color:#fff;transform:translateY(-10px)}.progress{background:hsla(0,0%,100%,.1);justify-content:flex-start;border-radius:100px;align-items:center;position:relative;padding:0 5px;display:flex;height:10px;width:80%}.progress-value{box-shadow:0 10px 40px -10px #fff;border-radius:100px;background:#fff;height:30px;width:0}.css{animation:css 3s normal forwards}.bootstrap{animation:bootstrap 3s normal forwards}.tailwind{animation:tailwind 3s normal forwards}.material{animation:material 3s normal forwards}.javascript{animation:javascript 3s normal forwards}.reactjs{animation:reactjs 3s normal forwards}.nodejs{animation:nodejs 3s normal forwards}.mongodb{animation:mongodb 3s normal forwards}.html{animation:html 3s normal forwards}.photoshop{animation:photoshop 3s normal forwards}.illustrator{animation:illustrator 3s normal forwards}@keyframes html{0%{width:0}to{width:95%}}@keyframes css{0%{width:0}to{width:90%}}@keyframes bootstrap{0%{width:0}to{width:85%}}@keyframes tailwind{0%{width:0}to{width:80%}}@keyframes material{0%{width:0}to{width:70%}}@keyframes javascript{0%{width:0}to{width:85%}}@keyframes reactjs{0%{width:0}to{width:90%}}@keyframes nodejs{0%{width:0}to{width:80%}}@keyframes mongodb{0%{width:0}to{width:80%}}@keyframes photoshop{0%{width:0}to{width:70%}}@keyframes illustrator{0%{width:0}to{width:65%}}
/*# sourceMappingURL=main.617f99d1.chunk.css.map */