@import url("https://fonts.googleapis.com/css2?family=Marck+Script&family=Mitr:wght@200&display=swap");@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=Marck+Script&family=Mitr:wght@200&family=Rubik+Bubbles&display=swap");.name-header{color:green;text-align:center;font-size:3em;font-family:'Audiowide', sans-serif;padding-top:0;padding-bottom:0;width:calc(100% + 20px);margin-top:-10px;margin-bottom:-10px}.voice-actor-header{color:green;text-align:center;font-size:1em;font-family:'Marck Script', cursive}body{background:linear-gradient(to bottom, #cffddd 35%, #fff 25%);background-repeat:no-repeat}.letter-d{width:30px;height:auto;display:inline-block;vertical-align:middle;margin-left:10px}nav{background:linear-gradient(to right, #7bed9f, #44b39d);overflow:hidden;text-align:center;font-family:'Arial', sans-serif}nav ul{list-style-type:none;margin:0;padding:0;display:inline-block}nav ul li{display:inline-block}nav ul li a{display:block;color:white;text-align:center;padding:14px 16px;text-decoration:none;transition:background-color 0.3s}nav ul li a:hover{background-color:#379683}nav .hamburger{display:none;cursor:pointer;padding:14px 16px;background-color:#44b39d;border:none;text-align:center;color:white;font-size:18px}@media screen and (max-width: 600px){nav ul{display:none;flex-direction:column;width:100%}nav li{display:block;width:100%;text-align:center}nav .hamburger{display:block}}@media screen and (min-width: 601px){nav .hamburger{display:none}}.about-me-box{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);background-color:#fff}.about-me-box img{max-width:100%;border-radius:50%;width:150px;display:inline-block;vertical-align:middle;height:auto;display:block;margin:0 auto}.about-me-box .content{margin-top:20px}.about-me-box .content h2{color:#333;font-size:1.5em;margin-bottom:10px}.about-me-box .content p{color:#666;font-size:1em;line-height:1.6;margin-bottom:15px}.about-me-box .contact-info{margin-top:20px}.about-me-box .contact-info h3{color:#333;font-size:1.2em;margin-bottom:10px}.about-me-box .contact-info p{color:#666;font-size:1em;line-height:1.6}.about-me-box .contact-info p strong{display:block;margin-bottom:5px}.about-me-box .contact-info p a{color:#007bff;text-decoration:none}.background-image{position:fixed;bottom:0;left:0;width:100%;height:80vh;-o-object-fit:cover;object-fit:cover;z-index:-1}