@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap";
body{margin:0;padding:0}.exoplanets-container{width:100vw;height:100vh;overflow:hidden}#myDiv{float:left;background:linear-gradient(90deg,#0b0653,#000);width:83%;height:100%}#sidebar{float:left;box-sizing:border-box;color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:17%;height:100%;padding:20px;font-family:Noto Sans JP,sans-serif;display:flex}#infoDiv{margin-top:5cm;font-size:24px}#planetDescription{text-align:center}#planetInfo{text-align:center;margin-bottom:20px}#languageButton{color:#fff;cursor:pointer;background-color:#333;border:1px solid #fff;border-radius:5px;margin-top:auto;padding:10px 20px;font-family:Noto Sans JP,sans-serif}#languageButton:hover{background-color:#555}#logo{z-index:9999;position:fixed;top:20px;left:20px}#explain{z-index:9999;color:#fff;font-family:Noto Sans JP,sans-serif;position:fixed;bottom:20px;left:20px}#explain a{color:#fff}#tabs{z-index:9999;position:fixed;top:30px;left:240px}#tabs a{color:#fff;margin-right:20px;font-family:Noto Sans JP,sans-serif;font-size:18px;text-decoration:none}#tabs a:hover{text-decoration:underline}@media only screen and (max-width:1000px){#sidebar{box-sizing:border-box;color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;font-family:Noto Sans JP,sans-serif;display:flex}#myDiv{float:none;background:linear-gradient(90deg,#0b0653,#000);width:100%;height:100%}}