.nav-box{display:none}.nav-lists li a,.nav-title{padding:5px 10px;border:.5px solid transparent;border-radius:5px;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}@media (min-width:768px){.nav-box{position:fixed;top:0;width:100%;padding:0 25px;height:50px;display:flex;justify-content:space-between;align-items:center;background-color:#F8F8FF;z-index:999;background-color:var(--background)}.nav-title{font-weight:700}.nav-lists{display:flex;justify-content:center;align-content:center}.nav-lists li{margin-left:50px}.nav-lists li a:hover,.nav-title:hover{cursor:pointer;border:.5px solid black;box-shadow:2px 2px 0 black}}.about-box{height:min-content!important}.about-details{padding:50px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:start}.about-image-box{width:30%;height:100%;margin-top:25px;z-index:-999;overflow:hidden;border:.5px solid black;box-shadow:2px 2px 0 black}.about-image{transform:scale(2) translateY(-10%);transform-origin:center}.about-name{width:100%;font-weight:700;font-size:2.5rem;color:black}.about-job{width:100%;font-size:1.5rem;color:black}.about-description{margin-bottom:20px;width:100%;height:100%;color:rgb(60,60,60)}.about-box ol{width:100%;height:100%;display:flex;justify-content:start;align-items:center}.about-box ol li{margin-right:12px;padding:0 7px;font-size:1.2rem;border-radius:5px;border:1px solid black;transition:box-shadow .1s ease-in-out}.about-box ol li:active{cursor:pointer;border:1px solid black;box-shadow:2px 2px 0 black}@media (min-width:768px){.about-details{flex-direction:row;border:1px solid #d9d9d9;border-radius:5px}.about-information{width:100%;padding:10px}.about-description{margin-bottom:20px;margin-right:100px;padding:1px;width:auto;height:100%;color:rgb(60,60,60)}.about-image-box{margin-top:0}.about-box ol li:hover{cursor:pointer;border:1px solid black;box-shadow:2px 2px 0 black}}.experience-box,.experience-lists{width:100%!important;height:min-content!important}.experience-lists{padding:25px 50px}.experience-list{width:100%;height:100%;margin-bottom:25px;display:flex;flex-direction:column;color:rgb(60,60,60)}.job-period{padding:10px;font-size:.65rem;border:1px solid #d9d9d9;border-bottom:0;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0}.job-information{padding:10px;border:1px solid #d9d9d9;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0}.job-title{font-size:1.2rem;font-weight:700;color:black}.job-description{margin-top:5px;font-size:.85rem}.techstack{margin-top:15px;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.stack{padding:1px 5px;margin-right:10px;margin-bottom:10px;border-radius:2.5px;color:black;border:.5px solid rgb(50,50,50)}.stack:hover{cursor:default}@media (min-width:768px){.experience-lists{padding:25px 0}}.projects-box{height:min-content!important}.project-lists{width:100%;height:100%;padding:25px 50px}.project-list{width:100%;height:100%;padding:5px 5px 10px;margin-bottom:50px;display:flex;flex-direction:column;justify-content:center;align-items:start}.project-information{width:100%;padding:10px 10px 0}.project-title-container{margin-bottom:10px;font-size:1.2rem;font-weight:700;display:flex;justify-content:start;align-items:center}.project-title{width:auto;padding:5px;border-radius:2.5px}.project-link{margin-left:10px;padding:5px 10px;font-size:.9rem;border-radius:2.5px;border:.5px solid black;transition:border .2s ease-in-out,box-shadow .2s ease-in-out}.project-link:active{cursor:pointer;border:.5px solid black;box-shadow:2px 2px 0 black}.project-description{font-size:.8rem;color:rgb(60,60,60)}.project-techstack{margin-top:5px;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.project-stack{padding:1px 5px;margin-right:10px;margin-bottom:10px;border-radius:2.5px;color:black;border:.5px solid rgb(50,50,50)}.project-image-box{width:200px;margin:15px 10px 5px;border-radius:2.5px;overflow:hidden;border:1px solid #d9d9d9}@media (min-width:768px){.project-lists{padding:25px 0}.project-link:hover{cursor:pointer;border:.5px solid black;box-shadow:2px 2px 0 black}}.contacts-box{width:100%!important;height:max-content!important;margin:0 0 100px!important}.contacts-information{width:100%;height:min-content;color:rgb(60,60,60);padding:0 25px}.contacts-title{display:none!important}.contacts-sub-title{font-size:2.5rem;font-weight:700;color:black}.contacts-message,.contacts-sub-title{height:min-content;width:100%;display:flex;justify-content:center;align-items:center}.contacts-message{text-align:center}.contacts-mail{margin-top:25px;width:100%;height:min-content;color:black;display:flex;justify-content:center;align-items:center}.contacts-mail-button{padding:5px 10px;border-radius:5px;border:1px solid black;transition:box-shadow .1s ease-in-out}.contacts-mail-button:active{cursor:pointer;border:1px solid whhite;box-shadow:2px 2px 0 black}@media (min-width:768px){.contacts-mail-button:hover{cursor:pointer;border:1px solid black;box-shadow:2px 2px 0 black}}.home-box{position:relative;width:100%;height:min-content;display:flex;flex-direction:column;align-items:center}.main-box{width:100%;max-width:800px;height:100%}.about-box,.contacts-box,.experience-box,.projects-box{position:relative;width:100%;height:50vh;margin-bottom:50px;display:flex;flex-direction:column;justify-content:start;align-items:start}.about-title,.contacts-title,.experience-title,.projects-title{width:100%;height:25px;padding:30px 25px 25px;font-weight:700;font-size:1.2rem;display:flex;justify-content:start;align-items:center;position:sticky;top:0;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.about-anchor,.contacts-anchor,.experience-anchor,.projects-anchor{display:none}footer{width:100%;height:min-content;display:flex;flex-direction:column;justify-content:center;align-items:center}footer ol,footer p{width:100%;height:100%;display:flex;justify-content:center;align-items:center}footer ol li{margin:0 10px;padding:0 9px;font-size:1.5rem;border-radius:5px;border:1px solid black;transition:box-shadow .1s ease-in-out}footer ol li:active{cursor:pointer;border:1px solid black;box-shadow:2px 2px 0 black}.copyright-text{padding:10px;font-size:.8rem;color:rgb(60,60,60)}@media (min-width:768px){.main-box{margin-top:50px}.about-box,.contacts-box,.experience-box,.projects-box{margin:10px 0;justify-content:center;align-items:center}.about-title,.contacts-title,.experience-title,.projects-title{display:none}.about-anchor,.contacts-anchor,.experience-anchor,.projects-anchor{display:block;opacity:0;top:-55px;position:absolute;z-index:-1;border:1px solid blue}footer ol li:hover{cursor:pointer;border:1px solid black;box-shadow:2px 2px 0 black}}