:root{--background-color:#f1f0e780;--primary-color:#26352a;--secondary-color:#afcda3;--project-card-bg:#b8d8b599}html{scrollbar-color:var(--secondary-color) var(--primary-color);font-family:monospace}::selection{color:#afcda3;background-color:#26352a}button{color:#000;font-family:monospace}body{background-image:url(/assets/background-img-AWMamZXM.jpeg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:90dvh;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:85dvh;margin:5dvh auto;display:flex;overflow:hidden}.browser-bar{background-color:var(--primary-color);background:linear-gradient(to bottom, #173c21 1%, #658756 25%, #78a774 40%, var(--primary-color) 100%);flex-direction:column;justify-content:space-between;min-height:70px;padding:5px 15px 15px;display:flex;box-shadow:inset 2px 2px 10px #c3f3b0}.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:2px solid #ffffff54;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}.fake-url{align-items:center;display:flex}.language{text-align:center;background-color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:0 10px;display:flex}.language img{display:block}.search-bar,.language{background:linear-gradient(#d3d3d3 20%,#fff 100%,#d3d3d3 50%);box-shadow:inset 1px 1px 10px #000}.language button{text-align:center;cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;gap:10px;width:100%;font-size:large;font-weight:700;display:flex}.desktop-nav{background-color:var(--secondary-color);border-bottom:1px solid #ffffff54}.desktop-nav .button{cursor:pointer;background-color:#0000;border:none;width:100%;height:100%;padding:10px;display:block}.button.active{box-shadow:white inset -2px -2px, var(--primary-color) inset 2px 2px 2px;background-color:#00000026;border-radius:5px}.button.active:hover{background-color:#7e9476}.desktop-nav ul{justify-content:space-evenly;margin:0 0 0 200px;list-style-type:none;display:flex}.desktop-nav ul li{text-align:center;min-width:25%;box-shadow:white inset 1px 1px, var(--primary-color) inset -2px -2px 2px;background-color:#00000026;border-radius:5px;margin:10px 0}.desktop-nav ul li:hover{background-color:#99f18858}.mobile-nav{padding:10px;position:relative}.mobile-nav .hamburger-button{background-color:#d3d3d3;border:none;border-radius:10px;min-width:40px;min-height:40px;font-size:28px;box-shadow:inset 1px 1px #fff,1px 1px 2px #000}.mobile-menu{opacity:0;pointer-events:none;box-shadow:inset white 1px 1px, var(--primary-color) 1px 1px 2px;border-radius:5px;margin:0 10px 10px;padding:5px;transition:all .3s;position:absolute;top:100%;right:0;transform:translateY(-100%)}.mobile-menu ul{flex-direction:column;gap:10px;padding:5px;list-style-type:none;display:flex}.mobile-menu ul li button{min-width:100px;box-shadow:inset white 1px 1px, var(--primary-color) 1px 1px 2px;background-color:#0000001a;border:none;border-radius:5px;padding:5px;font-size:large}.mobile-menu.open{opacity:1;pointer-events:auto;background-color:var(--secondary-color);transform:translateY(0)}.mobile-bar{background-color:var(--secondary-color);justify-content:space-between;align-items:center;display:flex}.mobile-bar .sidebar-button{background-color:#d3d3d3;border:none;border-radius:2px;min-width:40px;max-height:40px;margin:10px;padding:10px;box-shadow:inset 1px 1px #fff,1px 1px 2px #000}.browser-content{flex:1;grid-template-columns:250px 1fr;min-height:0;display:grid}.browser-body{flex-direction:column;flex:1;min-height:0;display:flex}main{min-width:0;min-height:0;overflow-y: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}.mobile-tictactoe{margin:0}.mobile-tictactoe figcaption{text-align:center;margin-top:5px}.mobile-tictactoe img{width:75%;margin:0 auto;display:block}.cards-container{flex-direction:column;gap:20px;display:flex}.project-card{background-color:var(--project-card-bg);border-top:var(--primary-color) solid 1px;border-bottom:var(--primary-color) solid 1px;justify-content:space-between;gap:2vw;padding:15px;display:flex}.project-card button{cursor:pointer;background:0 0;border:none;align-self:flex-end;min-width:fit-content;margin-bottom:20px;text-decoration:underline}.project-card img{align-self:center;width:100px;height:100px;margin-right:15px;box-shadow:-1px -1px #fff,1px 1px #000}.project-card .card-container{flex-wrap:wrap;gap:20px;display:flex}footer{justify-content:center;display:flex}footer p{color:#0009;font-size:x-small}@media (width<=767px){.search-bar img,.fake-url .fake-https,.arrow-buttons{display:none}.info-section{pointer-events:none;transition:transform .3s;position:absolute;transform:translate(-110%)}.info-section.open{pointer-events:auto;transform:translate(0)}.desktop-nav{display:none}.browser-content{grid-template-columns:1fr}.desktop-tictactoe{display:none}.project-card{flex-direction:column}.project-card img{width:150px;height:150px}}@media (width>=768px){.mobile-nav{display:none}.mobile-bar{display:block}.mobile-bar .sidebar-button,.desktop-tictactoe{display:none}}@media (width>=1024px){.browser-content{grid-template-columns:300px 1fr}.desktop-tictactoe{width:400px;height:400px;display:block;overflow:hidden}.desktop-tictactoe iframe{transform-origin:0 0;border:14px solid #fff;width:800px;height:800px;transform:scale(.465)}.mobile-tictactoe{display:none}.project-card{width:65%}.project-card .card-container{flex-wrap:nowrap}}