.log-entry{text-align:center;padding:0;list-style-position:inside}:root{--background:#ffefd6;--darked-background:#ffd899;--dark-coffe:#32291f;--darker-coffe:#22170f;--pitch-black:#181410;--light-coffe:#625141;--grey-olive:#808f87;--dark-red:#c73e1d;--light-red:#e74723;--blue:#0f7173;--fade-blue:#0f7173b3;--darked-blue:#073436;--sari-ipucu:#f1c40f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e6dfcc;font-family:Arial,Helvetica,sans-serif;overflow:hidden}::selection{background-color:var(--grey-olive);color:#fff}#main{flex-direction:row;width:100vw;height:100vh;display:flex}nav{background-color:#424b54;flex-direction:column;justify-content:space-evenly;align-items:center;width:35vw;padding:5vh 0;display:flex}#navDiv{border-top:3px solid var(--dark-red);border-bottom:3px solid var(--dark-red);border-radius:0 5px 5px 0;width:45%;margin-left:20%}nav ul{color:#e6dfcc;flex-direction:column;margin-left:20%;font-size:x-large;font-weight:700;list-style:none;display:flex}nav ul li{text-align:center;cursor:pointer;border-radius:0 5px 5px 0;padding:20px;transition:all .2s ease-in-out}nav ul li:hover{color:var(--darker-coffe);background-color:#5a6672}.lang-switcher{z-index:10;position:absolute;top:2%;right:20px}#picture{border-radius:10px;width:80%;overflow:hidden;box-shadow:0 10px 20px #00000026}.content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative}#date{text-align:center;z-index:100;background-color:#e6dfcc;border-radius:10px;width:250px;padding:15px;position:absolute;top:20px;right:40px;box-shadow:0 10px 20px #00000026}#text{text-align:center;height:100%;padding:120px 5% 5%;overflow-y:auto}.lang-dropdown{margin-top:5px;top:100%}@media (width<=768px){.lang-dropdown{margin-bottom:5px;top:auto;bottom:100%}.lang-switcher{z-index:9999;position:fixed;top:auto;bottom:1%;right:20px}#main{flex-direction:column}nav{flex-direction:row;justify-content:space-between;width:100vw;height:auto;padding:10px}#navDiv{border:none;width:auto;margin:0}nav ul{flex-direction:row;gap:15px;margin:0;font-size:medium}nav ul li{border-radius:10px;padding:10px}#picture{width:30vw}.content{height:calc(100vh - 80px)}#date{color:#e6dfcc;background-color:#424b54;justify-content:space-between;align-items:center;width:90%;margin:10px auto;padding:10px 20px;display:flex;position:relative;top:0;right:0}#text{height:calc(100% - 70px);padding:20px}}.scroll-desing::-webkit-scrollbar{background-color:#3c3c3c87;border-radius:10px;width:8px}.scroll-desing::-webkit-scrollbar-thumb{background-color:#565656e7;border-radius:10px}.scroll-desing::-webkit-scrollbar{width:6px}