body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}.app{height:100vh}.sections{position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;top:70px;width:100%}.nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;display:flex;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content;z-index:2}.nav>a{color:azure}.nav .redius{background:transparent;border-radius:50%;color:var(--color-light);display:flex;font-size:1.1rem;padding:.9rem}.nav .redius:hover{background-color:#f9bf8fcb}.nav .redius-active{background:var(--color-primary);color:var(--color-bg)}.topbar{height:70px;position:fixed;top:0;width:100%;z-index:2}.logo{font-size:35px;font-weight:700;margin-right:5rem}.item-contact{align-items:center;display:flex}.item-contact span{color:#fff;margin-left:1rem}.navbar-dark .navbar-nav .nav-link{color:#fff}.navbar-dark .navbar-nav .nav-link:hover{color:#fff;font-weight:600}@media (max-width:576px){.navbar{background-color:#333}.navbar-nav .nav-link{font-size:14px}.logo{font-size:24px}.item-contact{display:none}}@media (min-width:577px) and (max-width:992px){.logo{font-size:28px}.item-contact{display:none}}@media (min-width:993px){.logo{font-size:32px}}.image-contant img{border-radius:50%;height:100%;width:80%}.intro{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.intro h1{font-size:50px;margin-left:10px 0}.intro h2{font-size:35px}.intro h3{font-size:30px}.intro h3 span{color:red}.cta{display:flex;gap:2rem;margin-top:2rem}.button{border:1px solid #34222e;color:#34222e}.btn{border:1px solid #f9bf8f;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform;width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;border-color:transparent;color:#000;font-weight:700}.btn-primary{background:#f9bf8f;color:#fff}.portfolio__item{background-color:#34222e;border:1px solid transparent;border-radius:2rem;padding:1.3rem;transition:transition}.portfolio__item:hover{background:#f9bf8f3b;border-color:#e29a5e;cursor:pointer;font-weight:700}footer{background:#f9bf8f;font-size:.9rem;margin-top:7rem;padding:4rem 0;text-align:center}footer a{font-size:1.3rem;text-decoration:none}footer a,footer ul{color:#000;font-weight:700}footer ul{display:flex;font-size:1rem;gap:12px;justify-content:center;list-style-type:none;margin-bottom:25px}.footer__logo:hover{background:transparent;color:#3d3dec}.footer__socials{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.footer__socials .social{background:#34222e;border:1px solid transparent;border-radius:.7rem;color:#fff;display:flex;padding:.5rem}.footer__socials .social:hover{background:transparent;border-color:#34222e;color:#34222e}.footer__copyright{color:#34222e;margin-bottom:4rem}@media screen and (max-width:1200px){footer ul{flex-direction:column}.footer__socials{margin-bottom:2.6rem}}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}footer ul{flex-direction:column}}.form-control{background:transparent;border:1px solid #f9bf8f;border-radius:5px;color:#fff;font-weight:600;padding:1rem}.form-control::-webkit-input-placeholder{color:blue;font-weight:700}.shake-logo img{height:100%;object-fit:cover;width:100%}.experience__box{background:#34222e;border:1px solid #f9bf8f;border-radius:2rem;cursor:pointer;padding:2.4rem 5rem;transition:var(--transition)}.experience__details{align-items:center;border:1px solid #f9bf8f;border-radius:.5em;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;overflow:hidden;padding:5px;-webkit-transform:rotate(0);transform:rotate(0);transition:rotate(--transition)}.experience__details:hover{-webkit-transform:rotate(10deg);transform:rotate(10deg)}.experience__details h4{color:#fff}
/*# sourceMappingURL=main.6bdf9ed1.css.map*/