:root{--background-color:#f1f0e766;--primary-color:#26352a;--secondary-color:#afcda3}html{scrollbar-color:var(--secondary-color) var(--primary-color);font-family:monospace}::selection{color:#afcda3;background-color:#26352a}button{font-family:monospace}body{background-image:url(/assets/background-img-AWMamZXM.jpeg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:90vh;margin:0}.browser-body{flex-direction:column;flex:1;display:flex}.browser{background-color:var(--background-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px inset #fff;border-radius:20px;flex-direction:column;width:90%;max-width:1200px;height:85vh;margin:5vh auto;display:flex}.browser-bar{background-color:var(--primary-color);flex-direction:column;justify-content:space-between;min-height:70px;padding:5px 15px 15px;display:flex}.browser-bar h1{text-align:center;color:var(--secondary-color);font-size:x-small;font-weight:lighter}.search-lang{justify-content:space-around;display:flex}.arrow-buttons{text-align:center;gap:10px;font-size:50px;display:flex}.arrow-buttons .arrow{background-color:var(--secondary-color);border-radius:50%;width:50px;height:50px;line-height:45px}.search-bar{color:#00000080;background-color:#fff;border-radius:15px;align-items:center;gap:10px;min-width:60%;padding-left:10px;font-size:small;display:flex}.search-bar img{opacity:.5}.language{text-align:center;background-color:#fff;border-radius:15px;align-items:center;gap:10px;padding:0 10px;display:flex}.language button{text-align:center;cursor:pointer;background-color:#0000;border:none;gap:10px;width:100%;font-size:large;font-weight:700;display:flex}nav{background-color:var(--secondary-color);border-bottom:1px solid #ffffff54}nav button{cursor:pointer;background-color:#0000;border:none;width:100%;height:100%;padding:10px;display:block}nav ul{justify-content:space-evenly;margin:0 0 0 200px;list-style-type:none;display:flex}nav ul li{text-align:center;min-width:25%;box-shadow:white inset 1px 1px, var(--primary-color) inset -2px -2px;background-color:#00000026;border-radius:5px;margin:10px 0}.browser-content{flex:1;grid-template-columns:250px 1fr;display:grid}main{overflow:auto}aside{background-color:var(--secondary-color);border:2px inset #fff;border-radius:30px;flex-direction:column;align-items:center;gap:15px;margin:10px;padding:15px;display:flex}aside .profile-photo{border:2px inset #fff;border-radius:30px;width:175px}.sidebar-title{flex-direction:column;gap:10px;display:flex}.sidebar-title h2,.sidebar-title p{text-align:center;margin:0;font-size:large}.sidebar-title p{font-size:smaller}aside .where{border-top:1px solid #26352a;border-bottom:1px solid #26352a}aside .where p{font-size:small}.sidebar-links{grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;width:100%;display:grid}.sidebar-links .link{background-color:#fff;border-radius:30px;margin:0 auto;padding:10px}.sidebar-links img{width:40px}footer{justify-content:center;display:flex}footer p{color:#0009;font-size:x-small}@media (width<=767px){.arrow-buttons,aside,nav{display:none}}@media (width>=1024px){.browser-content{grid-template-columns:300px 1fr}}