body{margin:0;font-family:Asap Condensed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d4d4d4;background-color:#464646}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{box-sizing:border-box;scroll-behavior:smooth}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.header{min-height:100vh;width:100%}.App{overflow:hidden}.container__scroll{display:flex;width:200%}.container{max-width:1200px;margin:0 auto;padding:20px}.heading{font-size:24px;color:#e65400;font-weight:700;text-transform:uppercase;margin-bottom:20px}.heading__description{font-size:30px;font-weight:700;margin-bottom:60px}.menu__list .mobile-link{display:none}.mobile-nav ul{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;gap:30px;font-size:27px}.mobile-nav{position:fixed;top:0;left:0;z-index:100;transition:.7s}.mobile-nav a{text-decoration:none;color:#000;font-weight:500}.mobile-nav span{position:absolute;right:20px;top:30px}.open-menu{left:0!important}.closed-menu{left:-100%!important}.menu{display:flex;justify-content:space-between;align-items:center;box-shadow:0 30px 77px #e654004a;position:fixed;width:100vw;top:0;left:0;height:100px;font-size:1.7rem;background-color:#464646;z-index:100}.menu__list{list-style:none;display:flex;gap:40px;padding-right:20px;font-weight:500}.menu__logo{padding-left:20px;font-size:36px}.menu__logo a{text-decoration:none;color:#e65400}.menu__logo a:hover{animation-name:bounce;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;display:inline-block;color:#d4d4d4;transition:.5s}.menu__link a{color:#e65400;text-decoration:none}.menu__link:hover a{color:#d4d4d4;transition:.3s}.title{background-color:#464646;min-height:inherit}.title__main{padding-top:200px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.title__text{max-width:600px}.title__text-title{font-size:100px;min-height:200px}.title__text-subtitle{margin-top:10px;font-size:24px;min-height:50px}.title__text-links{display:inline-block;margin-top:20px}.title__text-links a:hover{display:inline-block;animation-name:bounce;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes bounce{0%{transform:rotate(0);transform-origin:50% 50%}10%{transform:rotate(8deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(8deg)}to{transform:rotate(0);transform-origin:50% 50%}}.title__text-links a:last-child{margin-left:20px}.title__image{background:url(/assets/IMG_0888-removebg-BnbKq2s9.webp);background-repeat:no-repeat;background-size:cover;background-position:50% 72%;width:300px;height:300px;border:solid black 3px;border-radius:50%;animation-name:rubberband-diagonal-1;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes rubberband-diagonal-1{0%{box-shadow:inset 0 0 16px 20px #00000080;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;box-shadow:inset 0 0 0 0 transparent}to{box-shadow:inset 0 0 16px 20px #00000080;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.title__skills{margin-top:100px;display:flex;align-items:center;gap:30px;font-size:36px;font-weight:600}.title__skills-icons{display:flex;gap:10px}.project{display:flex;max-width:100%;gap:50px;padding:20px 15px;box-shadow:0 0 12px #e65400e6;height:400px;border-radius:30px}.project:nth-child(2n){flex-direction:row-reverse}.project__img{width:100%;height:auto}.project__img-img{width:100%;overflow:hidden;border-radius:30px;box-shadow:0 0 10px #0000001a}.project__description{display:flex;flex-direction:column;justify-content:space-between;max-width:40%;text-align:center;font-size:36px;font-weight:600}.project__description-description{font-size:24px;padding:10px 40px 10px 0}.project__description-stack{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 0}.project__description-stack p{display:inline-block;box-shadow:0 0 4.5px #e65400;padding:10px;font-size:18px;border-radius:12px}.project__description-links{display:flex;justify-content:center;gap:30px}.project__description-links a{gap:4px;display:flex;align-items:center;font-size:24px;text-decoration:none;color:#e65400}.project__description-links a:hover svg{animation-name:bounce;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}.portfolio__list{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.portfolio{padding:80px 0}.about{width:100%;min-height:100vh;display:flex;align-items:center}.about__main{display:flex;align-items:center;gap:40px}.about__description{align-self:flex-start}.about__description p{font-size:24px;font-weight:500;letter-spacing:.2px;word-spacing:3px}.about__img img{max-width:100%;border-radius:30px;box-shadow:0 0 10px #0000001a}.contact{padding:80px 0}.contact__main{display:flex;gap:50px}.contact__link{display:flex;gap:20px}.contact__title{font-size:24px;padding-bottom:10px}.contact__subtitle{font-size:20px;text-decoration:none;color:#e65400}.contact__logo{padding:10px;border-radius:50%;box-shadow:0 0 10px #e6540099;overflow:visible;display:inline-block;align-self:flex-start}.footer{background-color:#2d2e32;padding:40px 0}.footer__main{display:flex;justify-content:space-between;color:#efebeb;font-size:20px;font-weight:700;align-items:center}.footer__links{display:flex;gap:20px;text-decoration:none}.footer__links a{color:#efebeb}.footer__links a:hover{animation:bounce;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;display:inline-block}.mobile-stack{display:none;max-width:100%}@media (max-width: 1000px){.mobile-stack{display:block}.desktop-stack{display:none}.title__main{text-align:center;flex-direction:column;gap:20px;padding-top:120px}.title__skills{margin-top:20px;justify-content:space-around}}@media (max-width: 700px){.contact__main{flex-direction:column}.title__main h1{font-size:70px;min-height:auto}}@media (max-width: 768px){.about__main{flex-direction:column-reverse}.portfolio,.contact{padding:40px 0}.project{gap:20px;flex-direction:column-reverse;min-height:540px;align-items:center}.project:nth-child(2n){flex-direction:column-reverse}.project__description-description{padding:10px 10px 10px 0;font-size:18px}.project__description-title{font-size:24px}.project__description,.title__image{max-width:100%}.menu__list .menu__link{display:none}.menu__list .mobile-link{display:block}}@media (max-width: 540px){.title__main h1{font-size:48px}.about__description p{font-size:18px}.project__description-stack p{font-size:14px}.project__description-stack{padding:20px 0}}