:root{--Mantis: #79b473;--cambridge-blue: #70a37f;--lapis-lazuli: #41658a;--daft-blue: #414073;--english-violet: #4c3957;font-family:JetBrains Mono;line-height:1.5;font-weight:400;background-color:#023047;margin:0;width:100%;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}button:active,button:focus{outline:0!important;outline-style:none!important;-moz-outline-style:none!important}.main-body{margin:0;display:flex;flex-direction:column;background-color:#fff}.navbar{display:flex;width:100%;height:5rem;justify-content:center;flex-direction:row;background-color:#012840;box-shadow:0 4px 20px #0006;position:sticky;top:0;z-index:1}.navbar button{height:5rem;font-size:2em;font-weight:500;color:#fff;background-color:#012840;border:none;border-radius:8px;font-family:inherit;padding:0 1em;outline-color:none}.navbar button:hover{background-color:#021d30;border-color:#8ecae6}.introduction{display:grid;grid-template-columns:50% 50%;width:100%;margin:0;background-color:#023047;color:#fff;min-height:95vh;position:relative;box-shadow:1px 3px 5px #023047;scroll-margin-top:5rem}.profile-image{border:15px #219ebc;border-style:inset;border-radius:5em}.introduction .in-left{display:flex;flex-direction:column;align-items:start;justify-content:center;padding-left:5em;padding-bottom:0;margin-bottom:0}.introduction .in-right{display:flex;flex-direction:column;align-items:center;justify-content:center}.in-left-top{font-weight:800;font-size:3rem}.in-left-middle>.iam{font-weight:800;font-size:3em}.in-left-middle>.user-name{font-size:4em;color:#219ebc;text-decoration:underline;font-weight:800}.user-name:hover{color:#8ecae6;transition:color .5s}.in-left-bottom{font-size:2rem}.about-me{background-color:#023047;margin-bottom:5px solid black;color:#fff;padding:2em;min-height:90vh;scroll-margin-top:5rem}.about-me-title{font-size:4em;color:#219ebc;padding-left:3rem;line-height:1}.about-me-desc{margin-top:5vh;display:grid;grid-template-columns:50% 50%;font-size:1.5em;border-top:5px solid #219ebc;border-bottom:5px solid #219ebc;border-radius:2rem}.about-me-desc-left{text-align:justify;padding:3rem}.about-me-desc-right{text-align:left;padding:3rem}.skills{background-color:#023047;padding-top:2rem;min-height:95vh;scroll-margin-top:5rem}.skill-title{font-size:4em;color:#219ebc;padding-left:3rem;line-height:1}.skills-list{margin-top:5vh;padding-top:2rem;padding-bottom:2rem;display:grid;grid-template-columns:25% 25% 25% 25%;align-items:center;justify-items:center;border-top:5px solid #219ebc;border-bottom:5px solid #219ebc;border-radius:2rem}[class^=logo-]{width:80%;color:#fff;font-size:1.3em;text-align:center;padding:2rem;border:4px solid #219ebc;border-radius:2rem;margin:10px}.contact-me{background-color:#023047;color:#fff;padding-top:2rem;min-height:30vh;scroll-margin-top:5rem}.contact-me-title{font-size:4em;color:#219ebc;padding-left:3rem;line-height:1}.contact-info{margin-top:5vh;font-size:1.5em;padding:3em;border-top:5px solid #219ebc;border-bottom:5px solid #219ebc;border-radius:2rem}button:hover{border-color:#1b202e;background-color:#141829;transition:background-color .5s,border-color .5s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-height:1367px)and (min-height:400px){.profile-image{width:500px}}@media screen and (max-width:1790px)and (min-width:1700px){.image-js{width:48rem}}@media screen and (max-width:1080px)and (min-width:590px){.navbar button{font-size:2rem!important}}@media screen and (max-width:1080px)and (min-width:200px){.introduction{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-template-rows:1fr;margin:0;padding-top:1em;background-color:#023047;color:#fff;min-height:100vh;box-shadow:1px 3px 5px #023047;scroll-margin-top:5rem}.profile-image{width:300px}.introduction .in-left{display:block;align-items:center;font-size:.8rem;padding-left:2rem}.introduction .in-right{display:block;padding-top:2rem}.navbar{display:flex;width:100%;height:5rem;justify-content:center;flex-direction:row;background-color:#012840;box-shadow:0 4px 20px #0006;position:sticky;top:0;z-index:1}.navbar button{height:5rem;font-size:1.1rem;font-weight:500;color:#fff;background-color:#012840;border:none;border-radius:8px;font-family:inherit;padding:0 .5em;outline-color:none}.navbar button:hover{background-color:#021d30;border-color:#8ecae6}.about-me{font-size:.7rem;padding:0}.about-me-desc-left{text-align:justify}}@media screen and (max-width:1520px)and (min-width:1235px){.skills-list{padding-bottom:2rem;display:grid;grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:1235px)and (min-width:785px){.skills-list{padding-bottom:2rem;display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:785px)and (min-width:200px){.skills-list{padding-bottom:2rem;display:grid;grid-template-columns:1fr 1fr}[class^=logo-]{width:80%;color:#fff;font-size:1.3em;text-align:center;padding:.5rem;margin:1rem;border:4px solid #219ebc;border-radius:2rem;margin:10px}.contact-info{font-size:1rem}}@media screen and (max-width:1700px)and (min-width:200px){.image-js{display:none}.about-me-desc{display:flex;margin-top:5vh;font-size:1.5em;border-top:5px solid #219ebc;border-bottom:5px solid #219ebc;border-radius:2rem}.about-me-desc-left{padding:2em}.about-me-desc-right{padding:0}}html,body{width:100%;height:100%;padding:0;margin:0;background-color:#023047}header,header *{padding:0;margin:0}.profile-image{max-width:100%;height:auto}.intro-icon{width:64px;height:auto}.skill-icon{max-width:60%;height:auto}[class^=logo-]{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}[class^=logo-]:hover{transform:translateY(-8px);box-shadow:0 8px 25px #219ebc66;border-color:#8ecae6}.image-js{max-width:100%;height:auto}