html{scroll-behavior:smooth}*{color:#fff;font-family:Finlandica,sans-serif}body{background-color:#000}.App{overflow:hidden;text-align:center}.btn-outline-light:hover{background-color:#3df2f2;color:#fff}.tech-monkey-logo{height:70px!important}.logo-text{font-size:50px}.tech-monkey-logo{height:40px!important;width:40px!important}.nav-logo-text{font-size:1.7rem}.nav-item{font-size:20px}a{color:#3df2f2;position:relative;text-decoration:none}.nav-link:hover,.nav-logo-text:hover{color:#3df2f2!important}.nav-link:before{background-color:#3df2f2;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.nav-link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.rounded{border-radius:50px!important}.icon-brand{font-size:100px}@media only screen and (min-width:992px){.scroll{max-height:40%;overflow-x:hidden;overflow-y:auto;width:100%}.about-sizing{height:650px}}.about-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-plane{font-size:300px}.btn-primary{background-color:#3df2f2}.btn-primary:hover{background-color:#fff;color:#000}.container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:15px}.container img{border-radius:20px;display:block;height:auto;transition:all .1s ease-out;width:100%}.container img:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}.name{font-size:60px}.monkey-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.last-name{color:#3df2f2}.main-text{-webkit-animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s infinite;animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s infinite;border-right:2px solid #ccc;color:#adadad;font-weight:700;letter-spacing:7px;overflow:hidden;position:relative;white-space:nowrap}@-webkit-keyframes typewriter{0%{width:0}to{width:550px}}@keyframes typewriter{0%{width:0}to{width:550px}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:#ccc}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:#ccc}to{border-right-color:transparent}}
/*# sourceMappingURL=main.c86fd411.css.map*/