#root{color:#868686;font-size:14px}.header{width:100%;top:0;position:fixed;background-color:#252728;display:flex;align-items:center}.header a{cursor:pointer}.header-logo{width:20px;padding:8px;margin-left:12px}.header-navigation-buttons{margin:4px 4px 4px 1%;display:flex;justify-content:start}.header-navigation-buttons li{list-style-type:none;margin-left:10px;margin-right:10px}.header-navigation-buttons li a{text-decoration:none;color:#868686;border-radius:10%;padding:2px 8px}.header-navigation-buttons li a:hover{background-color:#3e3f3f}.loc-bar{position:fixed;border-right:2px inset rgb(71,71,71);text-align:right;margin:9px 0 0;top:0;padding-top:30px;width:50px;background-color:#2b2b2b}.loc-bar p{display:block;margin:1px 40% 1px 1px}.main-content{margin-top:40px;margin-left:70px}.main-content p{margin:1px}.code-executed{font-size:large}.about-page{align-items:center;display:flex}.about-page img{padding:50px}.header-right-content{justify-content:end;display:flex;width:100%}.header-right-content a{margin-right:50px;color:#fff}.code-executed .content,.content-devider{width:50%}.click-me-icon{top:20px;position:absolute;animation:click-me-animation 5s infinite}@keyframes click-me-animation{0%{top:50px}50%{top:30px}to{top:50px}}@media only screen and (max-width: 600px){.header-navigation-buttons li{list-style-type:none;margin-left:0;margin-right:0;font-size:x-small}.header-right-content a{font-size:x-small;margin-right:10px}.header-right-content{align-items:center}.code-executed .content{width:100%}.header-logo{width:20px;padding:8px;margin-left:8px}.content-devider{width:100%}.about-page img{width:100px;padding:20px}.run-code-text{display:none}.header ul{margin-left:-20px}.click-me-icon{top:30px;width:10%;position:absolute}}body{margin:0;padding:0;font-family:Consolas,courier new;background-color:#2b2b2b}