.footer{background:var(--container-color);width:100%;color:var(--text-color);grid-template-rows:auto 1px auto;gap:2rem;height:min-content;padding:4rem 0;animation:1s linear bottomToTop;display:grid}.top-part,.bottom-part,.line{justify-content:space-between;width:90%;position:relative;left:50%;transform:translate(-50%)}.top-part{grid-template-columns:20% auto 20%;display:grid}.line{background:var(--text-color)}.bottom-part{grid-template-columns:auto auto;display:grid}.footer .menus-container,.privacy-policy-container{grid-auto-flow:column;gap:1.5rem;display:grid}.footer .menus-container a,.privacy-policy-container a{color:var(--text-color);text-decoration:none;transition:all .3s}.icon-container{grid-auto-flow:column;justify-content:end;gap:1rem;display:grid}.icon-container svg{width:1.3rem;fill:var(--text-color)}@media (max-width:650px){.footer .logo{display:none}.footer .top-part{grid-template-columns:auto auto}}@media (max-width:520px){.footer .menus-container{text-align:left;grid-auto-flow:row;gap:.5rem}.footer .menus-container .menu{padding:0;font-size:1rem}}@media (max-width:475px){.privacy-policy-container{text-align:right;grid-auto-flow:row;gap:.5rem}.bottom-part .author{align-items:end;display:grid}}
.menubar{z-index:5;grid-template-columns:20% 20% 45%;justify-content:space-around;align-items:center;width:100%;height:5rem;transition:all .3s;animation:1s linear topToBottom;display:grid;position:fixed;top:0}.menubar.active{background:var(--container-color);height:4rem;box-shadow:0 5px 80px #0000001a}.menubar-toggle-icon{cursor:pointer;z-index:6;background:#fff;border-radius:.5rem;width:1.5rem;height:1.5rem;padding:.5rem;display:none;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 0 10px #0000001a}.theme-container{grid-auto-flow:column;justify-content:start;align-items:center;padding-left:1.5rem;display:grid}.theme-container .logo{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:grid}.theme-container .logo img{width:100%}.theme-container .name{padding-left:1rem}.search-container{border-bottom:1px solid var(--text-color);grid-template-columns:auto 1.5rem;padding:0 .5rem .2rem;display:grid}.search-container .search-box{color:var(--text-color);background:0 0;border:none;outline:none}.search-container .search-icon{cursor:pointer;width:1rem}.search-container .search-icon svg{fill:var(--text-color)}.search-result-container.active{display:block}.search-result-container{scrollbar-width:none;border-radius:10px;width:300px;max-height:70vh;transition:all .3s;display:none;position:absolute;top:5rem;overflow-y:scroll;box-shadow:0 0 20px #0000001a}.search-result-container::-webkit-scrollbar{display:none}.menubar.active .search-result-container{top:4rem}.search-result-container .skills-container{border-radius:10px;grid-template-columns:none;gap:0;width:300px;left:0;overflow-y:scroll}.search-result-container .skills-container::-webkit-scrollbar{display:none}.search-result-container .skills-container .skill-container{background:var(--container-color);box-sizing:border-box;border-bottom:1px solid #0000004d;border-radius:0;width:300px;max-width:100%;margin:0;padding:.7rem 1rem;display:block}.search-result-container .skills-container .skill-container:hover{background:#eaeaea}.search-result-container .skills-container .skill-container .skill-name-container{justify-content:start}.search-result-container .skills-container .skill-container .skill-name-container img{width:20px}.menus-container{grid-auto-flow:column;display:grid}.menus-container .menu{cursor:pointer;color:var(--text-color);text-decoration:none;transition:all .2s}.menus-container .menu:hover{color:var(--blue-color)}.menus-container .menu.active{color:var(--blue-color);font-weight:700}@media (max-width:960px){.menus-container{gap:1.2rem}.menubar{grid-template-columns:5% auto auto}}@media (max-width:650px){.menubar-toggle-icon{display:block}.menubar{grid-template-rows:10% 10% auto;grid-template-columns:none;justify-content:stretch;animation:.3s linear topToBottom;display:none}.menubar.active{height:100vh;display:grid}.search-container{width:40%;position:relative;left:50%;transform:translate(-50%)}.search-container .search-box{font-size:1.2rem}.menus-container{text-align:center;grid-auto-flow:row}.menus-container .menu{padding:1rem 0;font-size:1.5rem}.search-result-container{left:50%;transform:translate(-50%)}.footer .menus-container .menu{font-size:1rem}}