*{vertical-align:center;background:0 0;border:0;outline:0;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:100%}.background-img{color:#fff;background-image:url(/assets/japanbackground-fE5thGrE.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100vh;display:flex;position:relative}body{background:#232136}.menu{flex-direction:row;align-items:center;gap:60px;display:flex}.img-text{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.img-text h1{text-align:center;color:#fff;font-size:100px}.bottom-text{text-align:center;margin-top:60px;padding:20px}.bottom-text a{color:#ea9d34;margin-top:100px;text-decoration:none}.nav-bar-container{flex-flow:wrap;justify-content:center;gap:60px;height:50px;padding-top:20px;display:flex}.item{color:#fff;font-family:JetBrains Mono,monospace;text-decoration:none}.menu-icon,#menu-toggle{display:none}.about-text{flex-direction:column;justify-content:center;align-items:center;padding-top:20px;display:flex}h5{color:#eb6f92;flex-direction:column;align-self:center;margin-bottom:10px;font-size:20pt;display:flex}h1{color:#c4a7e7;font-size:30pt}.about-section p{color:#908caa}.about-section{flex-direction:row;justify-content:center;align-items:center;gap:50px;max-width:700px;margin:0 auto;display:flex}.about-img{border:3px solid #fff;border-radius:50%;width:150px;height:150px}.profile-pic-container img{object-fit:cover;object-position:center;width:100%;height:100%}.profile{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;max-width:380px;margin:0 auto;display:flex}.about-contact{width:100vh;padding-top:25px}.about-contact strong{color:#b4637a;padding-bottom:5px}.contact{color:#ebbcba}.profile>p{color:#908caa;font-size:10pt}.about-content h3{color:#fff;padding-top:5px;font-size:20pt}.about-content p{color:#908caa;font-size:10pt}.skills{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;max-width:400px;margin:0 auto;display:flex}.about-content{grid-template-columns:1fr 1fr;justify-content:center;align-items:flex-start;max-width:100vh;margin:0 auto;padding-top:50px;display:grid}.about-buttons{flex-wrap:wrap;justify-content:center;gap:100px;padding:20px 0;display:flex}.button{color:#fff;background-color:#3e8fb0;border-radius:10px;margin-top:10px;padding:10px 30px;font-family:opensans-bold,sans-serif;text-decoration:none}.button .skill-bars li .percent90{width:90%}.button .skill-bars li .progress{background:#a1a1a1;height:100%;position:relative}.button .skill-bars{margin:6rem 0 3rem;list-style:none}.button ul{unicode-bidi:isolate;margin-block:1em;padding-inline-start:40px;list-style-type:disc;display:block}.button .progress{background-color:#a1a1a1;border:2px solid #a1a1a1;width:90px;height:5px}@media (width<=660px){.menu-icon{cursor:pointer;color:#fff;margin-bottom:10px;font-size:2rem;display:block}.menu{z-index:9999;background-color:#191724;flex-direction:column;align-items:center;width:100%;display:none}#menu-toggle:checked+.menu-icon+.menu{display:flex}.menu .item{margin:10px 0}.about-content{grid-template-columns:1fr;grid-auto-rows:auto;justify-content:center;align-items:flex-start;max-width:800px;margin:0 auto;padding:10px;display:grid}.skills{order:-1}}