@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap";@keyframes floatInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}#homeSection{display:flex;flex-direction:row;height:100vh;background-color:#7b3b3be1;align-items:center;width:100vw;justify-content:center}#homeSection .info-home-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5rem}#homeSection .info-home-container h1{font-size:10em;color:#ffffffde;text-align:center}#homeSection .info-home-container h3{font-size:1.8em;margin-bottom:20px;color:#fff;text-align:center}#homeSection .info-home-container p{font-size:1em;line-height:25px;color:#fff;text-align:center}#homeSection .info-home-container h1,#homeSection .info-home-container h3,#homeSection .info-home-container p{animation-name:floatInUp;animation-duration:1s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:forwards;opacity:0}#homeSection .info-home-container .top-projects-button{align-self:center;padding:1rem 2rem;font-size:1.1rem;background-color:#7b3b3bc2;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:3rem;animation-name:floatInUp;animation-duration:1s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:forwards;transition:background-color .3s ease-in-out,color .3s ease-in-out}#homeSection .info-home-container .top-projects-button:hover{background-color:#ffffff67;color:#7b3b3b}#homeSection .left-home-img,#homeSection .right-home-img{width:40%;min-height:70vh;background-repeat:no-repeat;opacity:30%;background-position:center;background-size:contain}#homeSection .left-home-img{background-image:url(/img/left-home-img.webp)}#homeSection .right-home-img{background-image:url(/img/right-home-img.webp)}@media (max-width: 1100px){#homeSection{gap:2rem;min-height:auto}#homeSection .info-home-container{width:90%;height:450px}#homeSection .info-home-container h1{font-size:7em}#homeSection .info-home-container h3{font-size:1.6em}#homeSection .info-home-container p{font-size:.9em;line-height:22px}}@media (max-width: 900px){#homeSection{background-image:url(../../../../img/pattern-background.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.left-home-img,.right-home-img{display:none}}@media (max-width: 800px){#homeSection{flex-direction:column;align-items:center;gap:1.5rem;padding:3rem}#homeSection .info-home-container{width:80%;height:300px;margin-top:5rem}#homeSection .info-home-container h1{font-size:5em}#homeSection .info-home-container h3{font-size:1.4em}#homeSection .info-home-container p{font-size:.8em}#homeSection .left-home-img,#homeSection .right-home-img{display:none}}@media (max-width: 400px){#homeSection{flex-direction:column;align-items:center;gap:1.5rem;padding:3rem}#homeSection .info-home-container{width:100%;height:300px;margin-top:5rem}#homeSection .info-home-container h1{font-size:4em}#homeSection .info-home-container h3{font-size:1em}#homeSection .info-home-container p{font-size:.6em;line-height:15px}}#topProjectSection{max-width:100vw;padding-top:8rem;display:flex;flex-direction:column;gap:2rem;background-image:url(/img/pattern-background.webp);background-size:cover;background-position:center;background-attachment:fixed}#topProjectSection .projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin:0 auto 50px;text-decoration:none}#topProjectSection .projects-container .project-card{position:relative;padding:14px;border-radius:24px;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c1f;transition:transform .3s ease,box-shadow .3s ease}#topProjectSection .projects-container .project-card img{max-width:100%;border-radius:24px 24px 0 0;height:80%}#topProjectSection .projects-container .project-card .project-card-content h2{font-family:Nanum Brush Script,cursive;font-size:1.8em;letter-spacing:2px;text-align:left;color:#000}#topProjectSection .projects-container .project-card:hover{transform:translateY(-10px) rotate -1deg;box-shadow:0 18px 40px #7b3b3bce}#topProjectSection .other-projects-button{align-self:center;padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;border:1px solid rgba(253,252,252,.3764705882);background:#7b3b3bba;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c1f}#topProjectSection .other-projects-button:hover{opacity:60%;background-color:#7b3b3bba}a{text-decoration:none}@media (max-width: 900px){#topProjectSection{min-height:100vh}#topProjectSection h1{font-size:2.5rem;text-align:center}#topProjectSection .projects-container{grid-template-columns:repeat(2,1fr);gap:2rem;margin:0 auto 50px}#topProjectSection .other-projects-button{margin-bottom:50px}}@media (max-width: 800px){#topProjectSection .projects-container{grid-template-columns:repeat(1,1fr);gap:2rem;margin:0 auto 50px}}#project-section{background-image:url(/img/pattern-background.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.top-project-container{display:flex;flex-direction:column;gap:0 0 20px 0;padding-top:120px;width:100%}.top-project-container .top-project-filter-container{display:flex;justify-content:space-between;margin-bottom:10px}.top-project-container .top-project-filter-container .left-top-project-filter-container{display:flex;flex-direction:column;width:70%}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container{display:flex;align-items:center;padding-top:20px;gap:3rem}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container .select-filter-container{display:flex;align-items:center;gap:.5rem}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container .select-filter-container label{font-family:Nanum Brush Script,cursive;font-size:1.5em;letter-spacing:1px}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container .select-filter-container select{padding:12px;font-size:1rem;font-family:Arial;border:1px solid rgba(236,223,223,.1411764706);background-color:#ecdfdf7d;border-radius:10px;box-shadow:inset 6px 6px 12px #ecdfdf,inset -6px -6px 12px #f7f7f7}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container .clear-button{align-self:center;padding:1rem 2rem;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;border:1px solid rgba(253,252,252,.3764705882);background:#ffffff59;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}.top-project-container .top-project-filter-container .left-top-project-filter-container .bottom-project-filter-container .clear-button:hover{color:#fff;background-color:#7b3b3bba;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33;transform:translateY(-10px) rotate -1deg}.top-project-container .top-project-filter-container .project-character-img{width:150px;height:150px;background-image:url(/img/projects-character.webp);background-position:center;background-size:cover}#projectDisplay{width:100%;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;margin:0 auto 50px;text-decoration:none}#projectDisplay .project-card{position:relative;padding:14px;border-radius:24px;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c1f;transition:transform .3s ease,box-shadow .3s ease}#projectDisplay .project-card .project-card-img{width:100%;border-radius:24px 24px 0 0;object-fit:cover}#projectDisplay .project-card .project-card-img-details{flex-direction:column;justify-content:left;align-items:center;width:100%;height:100%;border-radius:5px;transition:ease .5s;padding-top:.5rem}#projectDisplay .project-card .project-card-img-details h2{font-family:Nanum Brush Script,cursive;font-size:1.8em;letter-spacing:2px;text-align:left;color:#000}#projectDisplay .project-card:hover{transform:translateY(-10px) rotate -1deg;box-shadow:0 18px 40px #7b3b3bce}#projectDisplay:has(>:only-child){grid-template-columns:minmax(300px,400px);justify-content:start}@media (max-width: 900px){#projectDisplay{padding:0}.top-project-filter-container{position:relative}.project-character-img{position:absolute;right:0;bottom:0}.bottom-project-filter-container{flex-direction:column;align-items:flex-start!important;gap:2rem!important}.project-card{position:relative}.project-card .project-card-img{object-position:0%;background-color:#fff;box-shadow:none!important;scale:none;transition:none!important}.project-card .project-card-img-details{display:flex!important;cursor:auto;transition:none!important}.project-card:hover .project-card-img{object-position:0%;background-color:#fff;box-shadow:none!important;scale:none!important;transition:none!important}.project-card:hover .project-card-img-details{display:flex!important;scale:none!important;transition:none!important;cursor:auto}}@media (max-width: 400px){.project-character-img{display:none}#projectSection{padding:2.5rem!important}}#skillSection{padding-top:8rem;display:flex;flex-direction:column;background-color:#7b3b3bce}#skillSection h1{color:#fff}#skillSection h2{font-family:Nanum Brush Script,cursive;font-size:2em;margin-bottom:2.5rem;color:#fff}#skillSection .horizantal-line{margin:20px 0;background-color:#fff}#skillSection .skills-container{max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:space-between;gap:40px}#skillSection .skills-container .skills-card{border-radius:5px;position:relative;display:flex;flex-direction:column;align-items:center}#skillSection .skills-container .skills-card   .skills-card-img{height:100px;border-radius:5px;object-fit:contain;font-size:3rem}#skillSection .skills-container .skills-card .skills-card-name{font-family:firecode,monospace;font-weight:200;letter-spacing:2px;font-size:1em;padding-top:1rem;text-align:center}.skill-character-img{position:relative;left:-50px;width:300px;height:300px;background-image:url(/img/skills-character.webp);background-position:center;background-size:cover;margin-bottom:3rem}@media (max-width: 1100px){.skill-character-img{position:relative;left:-50px;width:200px;height:200px;background-image:url(/img/skills-character.webp);background-position:center;background-size:cover}}#contactSection{padding:120px 0 0 70px;background-image:url(/img/pattern-background.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#contactSection .left-contact-container{width:50%;display:flex;flex-direction:column}#contactSection .left-contact-container h6{font-family:Arial;font-size:1.2em;font-weight:200;margin-bottom:20px}#contactSection .left-contact-container .sectioned-contact-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}#contactSection .left-contact-container .sectioned-contact-container .contact-container{display:flex;align-items:center;gap:10px;font-size:3em;font-family:Arial;letter-spacing:2px}#contactSection .left-contact-container .sectioned-contact-container .contact-container h5{font-size:.3em;font-weight:100}#contactSection .left-contact-container .sectioned-contact-container .contact-container .contact-title{text-transform:uppercase;font-weight:200}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container{display:flex;flex-direction:column;gap:10px;font-size:4em;font-family:Arial;letter-spacing:2px}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container h4{font-size:.5em;font-family:Nanum Brush Script,cursive}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container .social-container{display:flex;gap:2rem}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container .social-container .social-contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:8rem;width:10rem;margin:0 20px 50px 0;gap:.5rem;padding:15px;border-radius:8px;cursor:pointer;color:#000;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container .social-container .social-contact-container h5{font-size:.25em;font-weight:100}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container .social-container .social-contact-container .social-defintion{font-size:.8rem}#contactSection .left-contact-container .sectioned-contact-container .contact-social-container .social-container .social-contact-container:hover{color:#fff;background-color:#7b3b3bba;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33;transform:translateY(-10px) rotate -1deg}#contactSection .right-contact-container{position:relative;width:50%}#contactSection .right-contact-container .contact-character-img{position:absolute;right:0;top:10rem;opacity:90%;width:30rem;height:30rem;background-image:url(/img/contact-character.webp);background-position:center;background-size:cover}.contact-form{display:flex;flex-direction:column;margin:20px 0;width:100%;gap:1rem}.contact-form .contact-form-sections{display:flex;flex-direction:column;gap:.5rem}.contact-form .contact-form-sections label{font-family:Nanum Brush Script,cursive;font-size:1.5rem;letter-spacing:.5px}.contact-form .contact-form-sections input,.contact-form .contact-form-sections textarea{padding:.5rem;font-size:1rem;font-family:Arial;border:1px solid rgba(236,223,223,.4901960784);background-color:#ecdfdf7d;border-radius:10px;padding:5px 15px;box-shadow:inset 6px 6px 12px #ecdfdf,inset -6px -6px 12px #f7f7f7}.contact-form .send-email{text-align:center;font-size:1em;width:13rem;margin:20px 20px 20px 0;padding:15px;border-radius:8px;cursor:pointer;text-decoration:none;background-color:#7b3b3bba;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}.contact-form .send-email:hover{color:#fefefe;opacity:60%;background-color:#7b3b3bba;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33;transform:translateY(-10px) rotate -1deg}@media (max-width: 1400px){#contactSection{flex-direction:row!important}.contact-character-img{top:0!important;width:400px!important;height:400px!important}.left-contact-container{width:100%}}@media (max-width: 1100px){.contact-character-img{top:0!important;width:300px!important;height:300px!important}}@media (max-width: 900px){#contactSection{padding:3rem!important}.contact-character-img{right:-3rem!important;width:300px!important;height:300px!important}.social-container{width:100%}}@media (max-width: 800px){.right-contact-container{display:none}.left-contact-container{width:100%!important}.logo-contact{margin-top:2rem}.contact-container{flex-direction:column;align-items:flex-start!important;margin-bottom:2rem}}@media (max-width: 400px){.social-container{flex-direction:column;gap:0rem}}#aboutMeSection{width:100vw;height:100vh;background-image:url(../../../../img/pattern-background.webp);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;display:flex;justify-content:center;align-items:center}#aboutMeSection .about-me-container{display:flex;width:100%;height:70%;justify-content:center;gap:5rem;margin-top:5rem}#aboutMeSection .about-me-container .profile-photo{background-image:url(../../../../img/profile-photo.webp);width:50%;height:90%;padding-top:20px;background-position:center;background-repeat:no-repeat;background-size:cover;border:20px #ffffff solid;border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c88;transition:transform .3s ease,box-shadow .3s ease}#aboutMeSection .about-me-container .profile-photo:hover{color:#fff}#aboutMeSection .about-me-container .about-me-info{width:50%;height:90%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}#aboutMeSection .about-me-container .about-me-info .contact-button{text-align:center;font-size:1em;width:13rem;padding:15px;border-radius:8px;cursor:pointer;text-decoration:none;background-color:#7b3b3bba;color:#fff;transition:background-color .3s ease-in-out,color .3s ease-in-out;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}#aboutMeSection .about-me-container .about-me-info .contact-button:hover{color:#fefefe;opacity:60%;background-color:#7b3b3bba}#aboutMeSection .about-me-container .about-me-info .info-me-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:1rem 0rem}#aboutMeSection .about-me-container .about-me-info .info-me-cards .info-me-card{border-radius:10px;background:#ffffff0a;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 8px 30px #64463c1f;padding:.8rem}#aboutMeSection .about-me-container .about-me-info .info-me-cards .info-me-card h3{font-size:1.2em;text-transform:uppercase;padding-bottom:.5rem}#aboutMeSection .about-me-container .about-me-info .info-me-cards .info-me-card p{font-size:.8em}@media screen and (max-width: 900px){#aboutMeSection{width:100%;gap:2rem;height:100%;justify-content:start;height:auto}#aboutMeSection .about-me-container{flex-direction:column;width:100%;gap:2rem}#aboutMeSection .about-me-container .profile-photo{width:100%;height:60rem}#aboutMeSection .about-me-container .about-me-info{width:100%;justify-content:start}#aboutMeSection .about-me-container .about-me-info .info-me-cards{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 800px){#aboutMeSection .about-me-container .profile-photo{border:10px #ffffff solid;height:60rem}}@media screen and (max-width: 650px){#aboutMeSection{height:auto}#aboutMeSection .about-me-container .profile-photo{height:40rem}}*{padding:0;margin:0;box-sizing:border-box}#rootContainer{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}h1{font-size:5rem;font-family:Nanum Brush Script,cursive}h3{font-family:Nanum Brush Script,cursive;color:#000000bc;letter-spacing:.2rem}p{font-family:Arial}section{width:100vw;min-height:100vh;display:flex;padding:0 70px;background-color:#ffffffb3}body{width:100%;min-height:100%;background-color:#ffffffb3;margin:0;padding:0;overflow-x:hidden}button{cursor:pointer;border:0;background-color:#fff0}select{cursor:pointer}.horizantal-line{width:100%;height:2px;background-color:#000;margin:10px;border-radius:5px}@media (max-width: 1100px){h1{font-size:4rem}section{flex-direction:column}body{background-size:contain;background-attachment:fixed}}#singleProjectSection{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;min-height:100vh}.back-button{margin-top:120px;padding:1rem 2rem;font-size:1.1rem;width:10rem;gap:2rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}.back-button:hover{color:#fff;background-color:#7b3b3bba;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33;transform:translateY(-10px) rotate -1deg}.disclaimer{font-size:.8rem;opacity:70%}.single-project-container{margin-top:20px;display:flex;gap:2em;position:relative;align-items:stretch}.single-project-container .project-carousel{width:50%;max-height:600px;display:flex;flex-direction:column;gap:20px;justify-content:start;border-radius:24px;padding:10px;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c1f;transition:transform .3s ease,box-shadow .3s ease}.single-project-container .project-carousel .carousel-img{height:92%;padding-top:20px;object-fit:contain}.single-project-container .project-carousel .carousel-buttons{display:flex;width:100%;justify-content:space-between;gap:2rem;padding:0 20px}.single-project-container .right-project-container{width:50%}.single-project-container .right-project-container h3{margin-bottom:10px}.single-project-container .right-project-container h2{font-family:Nanum Brush Script,cursive;text-transform:uppercase;letter-spacing:1px;font-size:2em;margin-bottom:10px}.single-project-container .right-project-container h4{font-family:Arial;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:200}.single-project-container .right-project-container .contribution{margin-bottom:5px;font-family:Arial}.single-project-container .right-project-container .description{margin-bottom:10px}.single-project-container .right-project-container .view-text{font-family:Nanum Brush Script,cursive;font-size:1.2em;margin-top:20px}.single-project-container .right-project-container .project-icon-container{display:flex;gap:20px}.single-project-container .right-project-container .project-icon-container .project-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3em;margin:0 20px 20px 0;gap:20px;padding:15px;border-radius:8px;cursor:pointer;color:#000;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out;background:#ffffff59;border:1px solid rgba(253,252,252,.3764705882);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33}.single-project-container .right-project-container .project-icon-container .project-icon:hover{color:#fff;background-color:#7b3b3bba;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #64463c33;transform:translateY(-10px) rotate -1deg}.single-project-container .right-project-container .project-icon-container .project-icon p{font-size:1rem}.single-project-container .right-project-container .single-project-character-img-container{width:300px;height:300px;background-image:url(/img/singleprpject-character.webp);background-position:center;background-size:contain;background-repeat:no-repeat}.disclaimer-text{font-size:.57rem;opacity:70%}.bottom-container{display:flex}@media (max-width: 1100px){.single-project-container{flex-direction:column-reverse}.single-project-container .project-carousel{width:100%;max-height:600px;padding-top:20px;border-radius:24px;object-fit:contain}.single-project-container .right-project-container{width:100%}.right-project-container,.project-icon-container{width:100%!important}.single-project-character-img-container{width:200px!important;height:200px!important;bottom:0}}@media (max-width: 800px){.right-project-container{width:100%!important}.single-project-character-img-container{width:100px!important;height:100px!important;bottom:0}#singleProjectSection{padding:2rem!important}}@media (max-width: 700px){.single-project-character-img-container{display:none}#singleProjectSection{padding:2rem!important}}@media (max-width: 600px){.project-icon-container{flex-direction:column}}nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;z-index:10;box-shadow:5px 5px 40px #f5f5f5b7,-5px -5px 21px #ffffffb6;z-index:100}nav .menu-icon{display:none;cursor:pointer;top:24px;right:35px;flex-direction:column;justify-content:space-between;height:20px;width:25px;z-index:100;transition:transform .3s ease}nav .menu-icon .bar{width:100%;height:3px;background-color:#000;transition:.3s}nav .menu-icon .bar1.toggle{transform:rotate(45deg) translate(5px,5px)}nav .menu-icon .bar2.toggle{opacity:0}nav .menu-icon .bar3.toggle{transform:rotate(-45deg) translate(6px,-6px)}nav .logo-container{display:flex;align-items:center;gap:1rem}nav .logo-container .logo-img-container{width:60px;height:60px;background-image:url(/img/art-logo.png);background-position:center;background-size:cover}nav .logo-container .name-nav-link{color:#000;font-family:Nanum Brush Script,cursive;font-size:2em;letter-spacing:1px;text-decoration:none;border:0;padding-left:15px}nav .logo-container .name-nav-link:hover{background-color:#ecdfdf7d;border-radius:10px;padding:5px 15px;box-shadow:inset 6px 6px 12px #ecdfdf,inset -6px -6px 12px #f7f7f7;opacity:50%}nav .nav-links-container ul{display:flex;list-style:none;gap:2rem}nav .nav-links-container ul li{align-items:center}nav .nav-links-container ul li .nav-link{color:#000;font-family:Nanum Brush Script,cursive;font-size:1.5em;letter-spacing:1px;text-decoration:none;border:0;padding:5px 15px}nav .nav-links-container ul li .nav-link:hover{background-color:#d3d9ea7d;border-radius:10px;padding:5px 15px;box-shadow:inset 6px 6px 12px #ecdfdf,inset -6px -6px 12px #f7f7f7;opacity:50%}nav .nav-links-container ul li .logo-img-container{display:none;width:10rem;height:10rem;background-image:url(/img/art-logo.png);background-position:center;background-size:cover;margin-bottom:5rem}@media (max-width: 800px){nav .logo-container .name-nav-link{display:none}nav .nav-links-container{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;align-items:center;justify-content:center;transform:translateY(-200%);overflow-y:auto;gap:0;transition:transform .3s ease}nav .nav-links-container ul{display:flex;list-style:none;gap:2rem;flex-direction:column;text-align:center}nav .nav-links-container ul li .nav-link{color:#b92d3f;font-family:Nanum Brush Script,cursive;font-size:2.5em;letter-spacing:1px;text-decoration:none;border:0;padding:5px 15px}nav .nav-links-container ul li .logo-img-container{display:flex}nav .menu-open-background{padding:20rem 0 10rem;height:100vh;width:100vw;transform:translateY(0);background:#fffffff2}nav .menu-icon{position:fixed}nav .menu-icon{display:flex;top:2.2rem;right:1.5rem}}footer{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;font-family:Nanum Brush Script,cursive;box-shadow:5px 5px 21px #f5f5f5,-5px -5px 21px #fff;text-align:center}