@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Gloock&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";header{display:flex;width:100%;justify-content:space-between;position:sticky;padding:20px 0;top:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:30px;z-index:999}nav,ul{display:flex;justify-content:center;align-items:center}nav{border:1.7px solid var(--black);border-radius:30px;box-shadow:-7px 7px 0 var(--black);background-color:var(--white)}.panda-icon{width:50px}.panda-icon-a{display:flex;font-family:Pixelify Sans,sans-serif;font-size:22px;padding:0;transition:all .4s;gap:5px}.panda-icon-a:hover{background:transparent}.header-list{display:flex}a{padding:10px 20px;border-radius:30px;transition:all .4s}a:hover{background:linear-gradient(45deg,rgba(233,233,233,.2) 5%,rgba(233,233,233,.9) 98%)}@media (max-width: 900px){header{padding:20px}.header-list ul{display:none}.at{display:block!important;margin:auto;cursor:pointer;padding:20px;border:1.7px solid var(--black);border-radius:30px;box-shadow:-7px 7px 0 var(--black);background-color:var(--white)}.panda-icon-a span{display:none}.header-list ul{background-color:var(--white);display:block;position:fixed;top:110px;right:30px;z-index:999;border:1.7px solid var(--black);border-radius:30px;box-shadow:-7px 7px 0 var(--black);padding:20px;opacity:0;transform:scale(.2);transition:opacity .3s ease,transform .3s ease}.header-list.open ul{opacity:1;transform:scale(1)}}.projects{width:80%;margin:auto;display:flex;flex-direction:column;gap:40px}.project{width:100%;border:1.7px solid var(--black);border-radius:30px;box-shadow:-7px 7px 0 var(--black);padding:30px;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.project p{color:var(--dark-grey)}.project h2{display:flex;justify-content:space-between;align-items:center;color:var(--black)}.project-img{width:80%;margin:auto;border-radius:30px;transform:translateY(30px);transition:all .3s}.project:hover img{transform:translateY(0)}.title-arrow{transition:all .3s}.project:hover .title-arrow{transform:translate(-15px)}.project-lang{display:flex;gap:10px;margin-bottom:20px;color:var(--black)}.project-lang svg,.project-lang img{color:var(--black);stroke:var(--black)!important}.project-lang div{display:flex;justify-content:center;align-items:center;gap:8px}@media (max-width: 900px){.projects{width:95%}.project{transform:translate(3.5px)}.project img{transform:translateY(0)}.project-img{width:100%}}footer{width:100%;display:flex;flex-direction:column;padding:30px 0;margin-top:30px;border-top:1.7px solid var(--black)}.f-container{display:flex;justify-content:space-between}.f-container img{width:120px}.f-container ul{display:flex}.s-container{margin-top:20px}.s-container p{display:flex;align-items:center;margin:0;color:var(--black)}.s-container span{color:var(--dark-grey);display:flex;align-items:center}@media (max-width: 900px){footer{padding:30px}.f-container{flex-direction:column}.f-container img{margin:auto}.f-container ul{justify-content:start;margin-top:20px}.s-container span{margin-top:20px}}.consola{border:1.7px solid var(--black);border-radius:30px;width:80%;height:auto;margin:50px auto;box-shadow:-7px 7px 0 var(--black);padding:30px}.consola-content{border:1.7px solid var(--black);background-color:var(--black);color:var(--white);border-radius:30px;padding:80px 30px}.consola-content h1{font-size:48px}.controller{width:80%;display:flex;justify-content:space-between;margin:30px auto}.layout{display:grid;grid:". top ." 1fr "left . right" 1fr ". down ." 1fr / 1fr 1fr 1fr}.top,.down{background-color:var(--light-grey);height:100px;width:75px;display:grid;place-items:center;margin:auto;border-radius:20px}.left,.right{width:100px;height:75px;background-color:var(--light-grey);display:grid;place-items:center;margin:auto;border-radius:20px}.top{grid-area:top}.left{grid-area:left}.right{grid-area:right}.down{grid-area:down}.triangle{background-color:var(--green)}.circle{background-color:var(--red)}.x{background-color:var(--blue)}.square{background-color:var(--pink)}.top,.down,.left,.right{border:2.6px solid var(--black);transition:all .4s ease}.top:hover,.down:hover,.left:hover,.right:hover{cursor:pointer;box-shadow:-7px 7px 0 var(--black)}.retro{font-family:Pixelify Sans,sans-serif;font-size:54px;letter-spacing:-1px;color:var(--light-grey)}.modern{font-family:Gloock,serif;color:var(--light-grey);text-shadow:0px 0px 40px var(--grey)}.continue{margin-bottom:40px;display:grid;place-items:center;position:relative;animation:moveUpDown 2s ease-in-out infinite}@keyframes moveUpDown{0%,to{transform:translateY(0);filter:opacity(.4)}50%{transform:translateY(50px);filter:opacity(1)}}.consola-content img{width:100px;aspect-ratio:1/1;height:auto}.scroll-carousel-viewport{margin-top:20px}@media (max-width: 900px){.consola{margin:50px auto;width:95%;transform:translate(3.5px)}.consola-content{padding:20px}.scroll-carousel-viewport{display:none!important}.controller{width:100%}.top,.down{height:50px;width:45px}.left,.right{width:50px;height:45px}}.about-general-container{width:80%;margin:50px auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);grid-column-gap:50px;grid-row-gap:50px}.about-container{width:100%;display:flex;flex-direction:column;gap:15px}.inverted{flex-direction:column-reverse}.about-container h2{color:var(--dark-grey);font-size:28px;letter-spacing:2px;font-family:Bebas Neue,sans-serif}.about-container img{width:100%;border-radius:30px;border:1.7px solid var(--black);box-shadow:-7px 7px 0 var(--black)}.about-container p{margin:20px;color:var(--black)}@media (max-width: 900px){.about-general-container{width:483px;margin:20px;grid-template-columns:1fr;grid-template-rows:repeat(6,auto);grid-column-gap:20px;grid-row-gap:40px;transform:translate(4.5px)}.inverted{flex-direction:column}.about-container p{margin:4px}}:root{--white: #fff;--light-grey: rgba(233, 233, 233, .75);--grey: #ccc;--dark-grey: #969696;--black: black;--red: rgb(255, 102, 102);--blue: rgb(124, 178, 232);--green: rgb(64, 226, 160);--pink: rgb(255, 105, 248)}@media (prefers-color-scheme: dark){:root{--white: black;--black: white}}@font-face{font-family:PP Neue Montreal Bold;src:url(/assets/PPNeueMontreal-Bold-df8b014f.woff) format("woff");font-weight:700}@font-face{font-family:PP Neue Montreal Book;src:url(/assets/PPNeueMontreal-Book-a331ba61.woff) format("woff");font-weight:400}@font-face{font-family:PP Neue Montreal Italic;src:url(/assets/PPNeueMontreal-Italic-cbfff381.woff) format("woff");font-style:italic}@font-face{font-family:PP Neue Montreal Medium;src:url(/assets/PPNeueMontreal-Medium-f263e172.woff) format("woff");font-weight:500}@font-face{font-family:PP Neue Montreal SemiBold Italic;src:url(../fonts/PPNeueMontreal-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:PP Neue Montreal Thin;src:url(/assets/PPNeueMontreal-Thin-06ab091a.woff) format("woff");font-weight:100}::-webkit-scrollbar{width:10px}::-moz-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--grey);border-radius:10px}::-moz-scrollbar-thumb{background-color:var(--grey);border-radius:10px}*{scrollbar-face-color:#ffffff;scrollbar-shadow-color:#cccccc;scrollbar-highlight-color:#cccccc;scrollbar-3dlight-color:#cccccc;scrollbar-darkshadow-color:#cccccc;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#cccccc;box-sizing:border-box}body{margin:0;width:100%;display:flex;justify-content:center;align-items:center;scroll-behavior:smooth;font-family:PP Neue Montreal Medium;letter-spacing:1.5px;font-weight:500;background-color:var(--white)}#root{width:1200px;max-width:1200px}h1,h2,h3,h4,h6{margin:0;font-weight:800}ul{padding:0;margin:0;list-style:none}a{text-decoration:none;color:var(--black);display:flex;justify-content:center;align-items:center}@media (max-width: 900px){body{justify-content:start}}