@import url(https://fonts.googleapis.com/css2?family=Cairo&family=Fondamento&family=Xanh+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alatsi&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo&family=Xanh+Mono&display=swap);body{margin:0;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}.App{text-align:center;height:100%;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.id-brand{font-size:30px!important;font-weight:500!important;font-style:italic}.id-brand,.nav-link{color:#e6e6fa!important}.nav-link{font-weight:500}.navbar-light .navbar-toggler{color:#e6e6fa!important;border-color:#e6e6fa!important}.navbar-light .navbar-toggler-icon{background-image:url(/static/media/open-icon-png-15.ce9beda2.png)!important}.nav-link{position:relative;font-family:"Fondamento"}.nav-link:after{left:0;transition:.3s;content:"";height:2px;position:absolute;background-color:#2ca4b4;width:100%;bottom:0;opacity:0}.active:after,.nav-link:hover:after{left:0;width:100%;bottom:5px;opacity:1}.about{background-color:#282c34;overflow:hidden}.color{font-size:large}.aboutMe-text h3,.box h4,.color{color:#fff;font-family:"Cairo"}.box h4{text-decoration:underline}.box h3,h5{color:#2ca4b4;font-family:"Cairo"}.box p,h6{color:#fff}.box h6,.box p,h6{font-family:"Cairo"}.box h6{font-size:smaller;font-weight:small}.portfolio-img img{cursor:pointer;transition:all .6s ease;-webkit-animation:imgAnimate 2s ease;animation:imgAnimate 2s ease}.portfolio-img img:hover{transform:scale(1.05)}.aboutMe-text{-webkit-animation:text 2s ease;animation:text 2s ease}@-webkit-keyframes imgAnimate{0%{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}@keyframes imgAnimate{0%{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes text{0%{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}@keyframes text{0%{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}.box{border-left:5px solid;border-image:linear-gradient(180deg,#2ca4b4,transparent) 1 100%;transition:all .3s ease;-webkit-animation:info 2s ease;animation:info 2s ease}@-webkit-keyframes info{0%{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}@keyframes info{0%{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}.btn-outline-primary{border-color:#2ca4b4!important}.btn-outline-primary:hover{background-color:#2ca4b4!important;color:#fff}.btn-outline-success{border-color:#2ca4b4!important;color:#2ca4b4!important}.btn-outline-success:hover{background-color:#2ca4b4!important;color:#fff!important}label{color:#fff!important}form{width:360px}.color-text,.modal-title{color:#2ca4b4}@media only screen and (min-width:1024px){.links{display:flex!important;justify-content:center!important}}.links a{color:#2ca4b4;transition:all .3s ease;-webkit-animation:icon .7s ease;animation:icon .7s ease}.links a:hover{color:#e6e6fa;transform:translateY(-5px)}.copyright p{color:#fff;font-family:"Cairo"}.copyright-name{color:#2ca4b4;font-family:"Cairo"}@-webkit-keyframes icon{0%{transform:scale(1)}50%{transform:scale(1.3);color:#e6e6fa}to{transform:scale(1)}}@keyframes icon{0%{transform:scale(1)}50%{transform:scale(1.3);color:#e6e6fa}to{transform:scale(1)}}.aboutMe h2{color:#fff;font-family:"Alatsi"}.colorText{color:#2ca4b4!important}.Typewriter{color:#fff;font-size:30px;font-family:"Alatsi"}@media only screen and (max-width:280px){.about h1,.aboutMe h2,.Typewriter{font-size:15px}}@media only screen and (max-width:320px){.about h1,.aboutMe h2,.Typewriter{font-size:20px}}@media only screen and (max-width:600px){.about h1,.aboutMe h2,.Typewriter{font-size:25px}}@media only screen and (max-width:1024px){.about h1,.Typewriter{font-size:30px}.aboutMe h2{font-size:25px}}.text{-webkit-animation:textAnimate 2s ease;animation:textAnimate 2s ease}.portfolio img{border:2px solid #2ca4b4;border-radius:10px;cursor:pointer;transition:all .6s ease;-webkit-animation:animate 2s ease;animation:animate 2s ease}.portfolio img:hover{transform:scale(1.05)}@-webkit-keyframes animate{0%{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}@keyframes animate{0%{opacity:0;transform:translateX(250px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes textAnimate{0%{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}@keyframes textAnimate{0%{opacity:0;transform:translateX(-250px)}to{opacity:1;transform:translateX(0)}}.home{background-color:#282c34;height:100vh;width:100vw;overflow:hidden}@media only screen and (max-width:280px){.home{height:140vh!important}}@media only screen and (max-width:320px){.home{height:150vh!important}}@media only screen and (max-width:360px){.home{height:122vh!important}}@media only screen and (max-width:450px){.home{height:130vh!important}}@media only screen and (max-width:420px) and (max-height:750px){.home{height:120vh!important}}@media only screen and (max-width:450px) and (max-height:568px){.home{height:150vh!important}}@media only screen and (max-width:480px){.home{height:100vh}}@media only screen and (max-width:600px){.home{height:120vh}}@media only screen and (max-height:650px){.home{height:105vh;overflow:hidden!important}}@media only screen and (min-width:1500px){.home{height:110vh}}.components{position:absolute;height:100vh;width:100vw}.card{cursor:pointer;overflow:hidden}.card-img{height:240px;object-fit:cover}.card-img,.card-img-top{transition:transform 1s}.card-img,.card-img-top:hover{transform:scale(1.1)}.card .details{position:absolute;top:10px;left:10px;bottom:10px;right:10px;background-color:hsla(0,0%,99.2%,.9);transform:scale(0);transition:all .5s}.card:hover .details{transform:scale(1)}.card .details .content{position:absolute;top:50%;transform:translateY(-50%);text-align:center;padding:10px}.content h3,.content p{color:#2ca4b4}.content p{font-weight:500}.link-repo a{color:#2ca4b4}.link-repo a:hover{color:#113b41}.zoom{-webkit-animation:zoom 1.5s ease-out;animation:zoom 1.5s ease-out}@-webkit-keyframes zoom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.newText{font-family:"Cairo"}#photos{display:none}
/*# sourceMappingURL=main.f079e151.chunk.css.map */