.app{height:100vh;background-color:#949494}.app .sections{width:100%;height:100vh;background-color:#ffa07a;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{width:100vw;height:100vh;scroll-snap-align:start}.navbar{position:fixed;background-color:#f2f1e8;background-color:transparent;height:70px;z-index:4;top:0;width:100%;display:flex;justify-content:center;align-items:center;transition:all .4s ease-in-out;font-size:.9rem}.navbar .name{font-size:3rem;font-weight:800;color:#e34234;text-shadow:-2px 0 0 #000}.navbar .hamburger{position:fixed;width:32px;height:25px;right:20px;display:flex;flex-direction:column;justify-content:space-between;z-index:4}.navbar .hamburger span{color:#000;background-color:#000;width:100%;height:3px;-webkit-transform-origin:right;transform-origin:right;transition:all 1s ease}.navbar.active{color:red}.navbar.active .hamburger{overflow:hidden}.navbar.active .hamburger span:first-child{background-color:red;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:red;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active{background-color:#0d698b}.presentation{top:70px;background-color:#f2f1e8;display:flex}.presentation .wrapper{display:flex;width:100vw;height:100vh}@media (max-width:768px){.presentation .wrapper{flex-direction:column;align-items:center}}.presentation .wrapper>*{flex:1 1}.presentation .wrapper .presentation-block1{font-size:2rem}@media (max-width:1300px){.presentation .wrapper .presentation-block1{display:flex;align-items:center;font-size:1.5rem}}@media (max-width:768px){.presentation .wrapper .presentation-block1{display:flex;align-items:center;font-size:.8rem}}.presentation .wrapper .presentation-block1 .presentation-text{position:relative;z-index:2;margin-top:250px;margin-left:150px;overflow:hidden}@media (max-width:768px){.presentation .wrapper .presentation-block1 .presentation-text{margin-left:15px;margin-top:-50px}}.presentation .wrapper .presentation-block1 .presentation-text span{font-weight:800;font-size:2.5rem;color:#e34234}@media (max-width:768px){.presentation .wrapper .presentation-block1 .presentation-text span{font-size:1.6rem}}.presentation .wrapper .presentation-block1 .presentation-text h3{color:#494949;font-weight:100;font-size:1.5rem}.presentation .wrapper .presentation-block1 .presentation-text a{text-decoration:none;position:relative;margin-top:10px;margin-bottom:10px;background-color:#e34234;padding:15px;color:#f2f1e8;border:none;font-size:1.5rem;font-weight:600;box-shadow:2px 2px 5px #999494;border-radius:3px}.presentation .wrapper .presentation-block1 .presentation-text a:hover{box-shadow:3px 3px 10px #999494}@media (max-width:768px){.presentation .wrapper .presentation-block1 .presentation-text a{margin-top:15px;padding:10px}}.presentation .wrapper .presentation-block1 .presentation-text .cv-button{background-color:#000;margin-left:10px}.presentation .wrapper .presentation-block1 .presentation-text .ityped-cursor{-webkit-animation:blink .9s infinite;animation:blink .9s infinite;color:#000}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.presentation .wrapper .presentation-block2{display:flex;align-items:center;justify-content:center}.presentation .wrapper .presentation-block2 .animation-wrapper{position:relative;right:50px;bottom:50px;overflow:hidden;width:850px;height:850px}@media (max-width:1300px){.presentation .wrapper .presentation-block2 .animation-wrapper{width:350px;height:350px}}@media (max-width:768px){.presentation .wrapper .presentation-block2 .animation-wrapper{right:0;width:250px;height:250px}}.arrowContainer{position:absolute;bottom:0;display:flex;justify-content:center;width:100%}@media (max-width:768px){.arrowContainer{position:absolute;bottom:0}}.arrowContainer .arrow{color:#000;font-size:8rem;bottom:5px;-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite}@-webkit-keyframes arrowBlink{0%{opacity:1%}50%{opacity:0}to{opacity:1%}}@keyframes arrowBlink{0%{opacity:1%}50%{opacity:0}to{opacity:1%}}.menu{display:block;width:300px;height:100vh;z-index:3;position:fixed;right:-300px;transition:all .4s ease-out;background-color:#0d698b}.menu.active{right:0}.menu .wrapper{z-index:100;height:calc(100vh - 70px);position:relative;top:70px;width:100%}.menu .wrapper,.menu .wrapper ul{display:flex;align-items:center;justify-content:center}.menu .wrapper ul{padding:0;font-size:3rem;font-weight:100;flex-direction:column;color:#f2f1e8}.menu .wrapper ul a{text-decoration:none;color:inherit}.menu .wrapper ul a li{margin-bottom:50px}.menu .wrapper ul a li:hover{color:#e34234}.portfolio{width:100vw;height:calc(100vh - 70px);top:70px;background-color:#0c0c0c}@media (max-width:768px){.portfolio{top:0}}.portfolio .wrapper{position:relative;display:flex;width:100%;height:100%}@media (max-width:768px){.portfolio .wrapper{flex-direction:column-reverse}}.portfolio .wrapper .portfolio-section{height:90%;flex:2 1;display:flex;flex-direction:column}@media (max-width:768px){.portfolio .wrapper .portfolio-section{height:100%;margin-bottom:30px}}.portfolio .wrapper .portfolio-section h1{text-align:center;color:#eee;font-size:6rem;font-weight:600;margin:10% 10% 15px;overflow:visible}@media (max-width:1300px){.portfolio .wrapper .portfolio-section h1{display:none}}@media (max-width:768px){.portfolio .wrapper .portfolio-section h1{position:relative;left:0;top:0;margin-bottom:-30px;font-size:3rem;display:none}}.portfolio .wrapper .portfolio-section .portfolio-main{position:relative;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:20px;gap:20px}@media (max-width:1300px){.portfolio .wrapper .portfolio-section .portfolio-main{margin-top:10px;display:flex;justify-content:center;align-content:center}}@media (max-width:768px){.portfolio .wrapper .portfolio-section .portfolio-main{align-items:center;flex-direction:column-reverse;grid-gap:5px;gap:5px;height:100%}}.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item{box-shadow:0 3px 5px rgba(0,0,0,.501);border-radius:5px;height:380px;width:500px;background-color:#fff;border:3px solid #fff}@media (max-width:768px){.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item{padding-top:10px;display:flex;align-items:center;flex-direction:column;margin-bottom:20px;height:240px;width:350px}}.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item a{overflow:hidden}@media (max-width:768px){.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item a img{overflow:hidden;height:auto;width:300px}}.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item .item-desc{color:#222;padding-top:2px;text-align:center;font-weight:800;font-size:1.7rem;overflow:hidden}.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item .item-desc .tec{overflow:hidden;justify-content:center;padding-top:5px;display:flex;flex-direction:row;grid-gap:5px;gap:5px}@media (max-width:768px){.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item .item-desc .tec{display:none}}.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item .item-desc .tec p{padding:3px;border-radius:10px;background-color:#23c368;color:#2e2e2e;font-size:.9rem}@media (max-width:768px){.portfolio .wrapper .portfolio-section .portfolio-main .portfolio-item .item-desc .tec p{font-size:.5rem}}.portfolio .wrapper .portfolio-animation{flex:1 1;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.portfolio .wrapper .portfolio-animation{display:none}}@media (max-width:1300px){.portfolio .wrapper .portfolio-animation{display:none}}.portfolio .wrapper .portfolio-animation .animation-wrapper{overflow:hidden;height:80%}.contact{background-color:#f2f1e8;width:100vw;height:calc(100vh - 70px);top:70px}.contact .wrapper{display:flex;width:100%;height:100%;position:relative}@media (max-width:768px){.contact .wrapper{flex-direction:column}}.contact .wrapper .animation{position:relative;overflow:hidden;flex:3 1}@media (max-width:768px){.contact .wrapper .animation{padding-bottom:50px}}.contact .wrapper .form{width:100%;height:100%;display:flex;flex-direction:column;flex:4 1;justify-content:center;align-items:center;text-align:center}.contact .wrapper .form h1{overflow:hidden;margin-bottom:30px;font-size:4rem;color:#242424}@media (max-width:768px){.contact .wrapper .form h1{font-size:3rem}}.contact .wrapper .form form{height:60%;width:60%}@media (max-width:768px){.contact .wrapper .form form{flex-direction:column;height:90%;width:90%}}.contact .wrapper .form input[type=text]{font-size:1.2rem;width:89%;height:auto;display:inline-block;padding:5px;height:30px;outline:none;border:2px solid #e34234;margin-bottom:20px}@media (max-width:768px){.contact .wrapper .form input[type=text]{margin-bottom:10px}}.contact .wrapper .form textarea{font-size:1.2rem;resize:none;width:90%;height:50%;border:2px solid #e34234;margin-bottom:10px}.contact .wrapper .form textarea:focus{border:2px solid #e34234;outline:none}.contact .wrapper .form input[type=submit]{color:#fff;font-weight:700;font-size:1.5rem;background-color:#e34234;width:91%;height:auto;display:inline-block;padding:10px;border:none}.contact .wrapper .footer{bottom:0;position:absolute;width:100%;height:100px;background-color:#1a1a1a;display:flex;justify-content:center;align-items:center}.contact .wrapper .footer .leftContainer{color:#fff}
/*# sourceMappingURL=main.867c0641.chunk.css.map */