.post,body{transition:background .5s,color .5s}.contact-section,.nav-container,.post,.profile img{border-radius:10px}.post,body.dark-mode .menu-icon span{background:#fff}.btn-size,:root{--btn-transform-distance:calc(var(--btn-width) - var(--indicator-size))}.btn,.menu-icon,.post{cursor:pointer}.contact-section,.menu ul li a,.post{box-shadow:0 4px 8px rgb(0 0 0 / .1)}body,html{height:100%;margin:0;padding:0;overflow-x:hidden}body{background-image:url(../images/bg.b84793cd_14WUgE.webp);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;font-family:Arial,sans-serif;display:flex;flex-direction:column}body.dark-mode{background:linear-gradient(135deg,#2e2e2e 0,#1c1c1c 100%);color:#fff}.darkmode .btn__indicator,body.darkmode{background-color:var(--dark-color)}.container{margin-top:2rem;padding:0 1rem;flex:1}#name,#work{font-weight:700;animation:4s infinite heartbeat}@keyframes heartbeat{0%,100%{color:#e66ae6}50%{color:#ee95ee}}.intro{text-align:center;padding:1rem 0}.social-icons{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem}.nav-links a,.post a:active,.post a:hover,.post a:link,.post a:visited,.social-icons a{text-decoration:none;color:inherit}.contact-section a,.contact-section p,.menu ul li a{text-decoration:none;color:#000}.profile img{display:block;margin:1rem auto;max-width:100%;height:auto}.post{overflow:hidden;margin-bottom:1.5rem;width:100%;max-width:400px}body.dark-mode .post{background:#333;color:#fff}.post img{width:100%;height:200px;object-fit:cover}.post-content{padding:1rem}.contact-section h2,.post-content h2{margin-bottom:.5rem}.post a h2,.post a p{color:inherit}.contact-section{background:linear-gradient(to right,#f3d7db,#fcf5f5);padding:1rem;text-align:left;margin-top:1rem;font-weight:lighter}.contact-section p{margin:0}body.dark-mode .contact-section{background:#333}.content-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:0 2rem}.content-wrapper .intro,.content-wrapper .profile{flex:1 1 300px;max-width:600px}@media (max-width:768px){.contact-section h2{margin-bottom:1.7rem}.container{padding:0}.social-icons{flex-direction:row;gap:1rem}.content-wrapper{flex-direction:column;margin:0 1rem}.content-wrapper .intro,.content-wrapper .profile{max-width:100%}.nav-container{width:100%;margin:0}.menu-icon{display:inline;padding-left:3rem}.menu{padding-left:7rem}}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgb(255 255 255 / .5);box-shadow:0 4px 8px rgb(0 0 0 / .2);backdrop-filter:blur(10px);box-shadow:0 4px 8px rgb(0 0 0 / .1);margin:1rem auto;width:64vw}.nav-links{display:flex;align-items:center;gap:1rem}.menu-icon{display:flex;flex-direction:column;justify-content:space-around}@media (max-width:780px){.intro{position:relative;bottom:21.5rem}#mee{position:relative;top:.5rem}.profile{top:15rem}#detail{position:relative;bottom:2rem;padding:0;margin:4%}.social-icons{position:relative;bottom:28rem;margin:4%;padding:5%;gap:2.3rem}.nav-container,.profile{position:relative;width:158%;right:.1rem}.posts{position:relative;bottom:10rem;width:90%;left:1.1rem}.contact-section{position:relative;bottom:7rem;width:90%;left:1.1rem;height:7rem}#imp-link{bottom:1rem;position:fixed;left:.5rem}#mail{position:relative;bottom:1.5rem}body{height:100%}}@media (min-width:1024px){.social-icons{position:relative;bottom:4.5rem;left:12rem}#detail{position:relative;bottom:1.5rem;padding:none}.post{position:relative;bottom:1.5rem;height:17.5rem;width:15rem}.posts{display:flex;flex-wrap:nowrap;gap:5rem}.post-content{display:flex;width:100%;padding:auto;flex-direction:column}.post-content h2{font-size:1.5rem;display:block;margin:.5rem 0 0;line-height:1.2}}:root{--color:#9176FF;--dark-color:#2b2b2b;--dark-icon-color:#fff;--light-color:#f7f7f7;--light-icon-color:#FFDE59;--btn-width:15em;--btn-height:8em;--indicator-size:7em;--icon-size:3rem}*{margin:0;padding:0;box-sizing:border-box}.btn{background-color:#fff;width:var(--btn-width);height:var(--btn-height);border-radius:10em;padding:0 .5em;box-shadow:inset 0 8px 60px rgb(0 0 0 / .1),inset 0 8px 8px rgb(0 0 0 / .1),inset 0 -4px 4px rgb(0 0 0 / .1);position:relative;display:flex;align-items:center}.btn__indicator{background-color:#8d8c8c;width:var(--indicator-size);height:var(--indicator-size);border-radius:50%;position:absolute;box-shadow:0 8px 40px rgb(0 0 0 / .2);transition:transform .3s;left:0}.btn__icon-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.btn__icon{color:var(--light-icon-color);font-size:var(--icon-size)}.btn__icon.animated{animation:.5s spin}@keyframes spin{to{transform:rotate(360deg)}}.darkmode .btn{box-shadow:inset 0 8px 60px rgb(0 0 0 / .3),inset 8px 0 8px rgb(0 0 0 / .3),inset 0 -4px 4px rgb(0 0 0 / .3)}.darkmode .btn__indicator{transform:translateX(var(--btn-transform-distance));box-shadow:0 8px 40px rgb(0 0 0 / .3);transform:translateX(1.4em)}.darkmode .btn__icon{color:var(--dark-icon-color)}.btn-size{--btn-width:2.3em;--btn-height:1em;--indicator-size:0.9em;--icon-size:0.9rem}.darkmode .post-content{background:#817b7b;color:#fff}.darkmode #detail,.darkmode #mee{color:#fff}.menu-icon{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px}.menu-icon span{width:24px;display:block;height:4px;background:#000;margin:3px 0;border-radius:2px;transition:.3s ease-in-out}.menu{display:none;position:absolute;top:60px;right:50px}.menu ul{list-style:none;padding:0;margin:0}.menu ul li,.menu ul li:last-child{margin-bottom:0}.menu ul li a{display:block;background:linear-gradient(145deg,#ff69b4,#ffb6c1);border-radius:15px;padding:10px;text-align:center;transition:background .5s ease-in-out;font-size:.9em;border:1px solid #000}.menu ul li a:hover{background:linear-gradient(145deg,#ffb6c1,#ff69b4);color:#fff}.show-menu .menu{display:block;animation:.5s ease-in-out slideDownFadeIn}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.posts{display:flex;flex-wrap:wrap;justify-content:center;gap:70px}