*{margin:0;box-sizing:border-box}html,body{background:#fff;background:linear-gradient(-30deg,#eef8ff,#94bbe9);overflow:hidden;font-family:Cardo,monospace;color:#000;height:100vh;width:100vw}a{color:#000;text-decoration:none;transition:color .5s ease;cursor:pointer}a:hover,a:focus{color:#1a4342}.header{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100vw;height:20vh}h1{font-family:Yeseva One,Times New Roman,Times,serif;font-size:3em;text-align:center}.navbar{display:flex;justify-content:space-around;align-items:center;min-width:370px;min-height:50px;padding-top:15px}.navbar a{font-size:21px;font-weight:700;text-decoration:none;padding:5px 10px;display:inline-block;color:#000;transform:scale(.7);opacity:.7;transition:color .3s ease,transform .3s ease,opacity .3s ease;cursor:pointer}.navbar a.active-nav-link{color:#1a4342;transform:scale(1);opacity:1}.navbar a:hover:not(.active-nav-link){color:#3b5f7d;opacity:.9;transform:scale(.9)}main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;height:80vh}main>div{padding:20px;text-align:center}.pfp{width:200px;height:180px;margin-top:80px}.home-tagline{width:320px;margin-top:20px}.about-container-main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:370px;height:480px;padding:10px 5px 0}.about-container-main>div{width:100%;display:flex}.about-container1{justify-content:space-around;align-items:center}.about-container1>img{width:40px;height:30px}.about-container2{align-items:center;text-align:justify;height:65%}.about-container3{justify-content:space-between;align-items:center;height:20%;border-top:1px black solid;border-bottom:1px black solid}.about-container3a,.about-container3b{font-size:12px;text-align:start}.about-container3c{font-size:12px;text-align:end}.about-container4{justify-content:space-between;align-items:center;height:20%}.about-container4a{font-size:12px;text-align:start}.about-container4b{font-size:12px;text-align:end}.about-container5{justify-content:space-between;align-items:center;height:15%}.about-container6{justify-content:space-evenly;align-items:center;height:10%;margin-top:5px}.about-art1{width:60px;height:30px}.about-art2,.about-art3{width:40px;height:30px}.work-container-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;width:370px;height:440px;gap:10px}.toggle-nav{display:flex;align-items:center;justify-content:space-around;width:380px;height:80px}.toggle-btn{font-size:15px;font-weight:500;width:100px;height:50px;border:2px black solid;border-radius:5px;background:none;color:#000;transform:scale(.75);transition:color .3s ease,transform .3s ease,opacity .3s ease;cursor:pointer}.toggle-btn:hover:not(.toggle-btn.active){color:#1a4342;transform:scale(.9);opacity:.9}.toggle-btn.active{color:#1a4342;opacity:1;border:4px solid #1A4342;transform:scale(1);font-weight:700}.card-container-main{display:flex;flex-direction:column;align-items:center;text-align:justify;border:2px black solid;border-radius:10px;width:370px;min-height:215px;background-color:none}.card-container-1{display:flex;justify-content:center;align-items:center;width:100%;height:28%;gap:15px;border-bottom:black 1px solid}.card-container-1a{display:flex;flex-direction:column;justify-content:center;align-items:center}.card-container-1b{display:flex;justify-content:center;align-items:center;gap:15px}.card-image{width:40px;height:40px}.card-description{font-size:14px;padding:5px 10px 0}.card-tools{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:8px;padding-bottom:5px}.tool-tag{border:2px black dotted;font-size:14px;border-radius:5px;background:none;color:#000;transition:color .5s ease,border .5s ease;padding:2px 8px}.card-links{display:flex;justify-content:center;align-items:center;text-decoration:underline;cursor:pointer;gap:20px;padding-top:2px;font-size:14px}.card-links:hover{opacity:.7}.contact-container{display:flex;flex-direction:column;justify-content:space-around;width:350px;height:300px;gap:30px;margin-top:20px}.inner-contact1,.inner-contact2{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.inner-contact1>img{width:300px;border:3px black solid;margin-bottom:5px}.contact-description{display:flex;justify-content:center;align-items:center;text-align:justify;width:340px}.inner-contact3{display:flex;align-items:center;justify-content:center;gap:50px}.contact-icon{width:140px}