:root{--color-one:241, 186, 88;--color-two:116, 83, 27;--color-three:28, 93, 153;--color-three-bis:112, 179, 255;--color-four:192, 231, 144;--color-five:9, 124, 60;--font-serif:font-family: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa, Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri, source-sans-pro, sans-serif;--font-sansserif:Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", sans-serif-condensed, sans-serif}@media (prefers-color-scheme:light){[data-theme=auto]{&:root{--main-color:var(--color-one);--main-color-darker:var(--color-two);--accent-color:var(--color-three);--secondary-color:var(--color-four);--secondary-color-darker:var(--color-five)}}}[data-theme=light]{&:root{--main-color:var(--color-one);--main-color-darker:var(--color-two);--accent-color:var(--color-three);--secondary-color:var(--color-four);--secondary-color-darker:var(--color-five)}}@media (prefers-color-scheme:dark){[data-theme=auto]{&:root{--main-color:var(--color-two);--main-color-darker:var(--color-one);--accent-color:var(--color-three-bis);--secondary-color:var(--color-five);--secondary-color-darker:var(--color-four)}& header h1 img{filter:invert()}}}[data-theme=dark]{&:root{--main-color:var(--color-two);--main-color-darker:var(--color-one);--accent-color:var(--color-three-bis);--secondary-color:var(--color-five);--secondary-color-darker:var(--color-four)}& header h1 img{filter:invert()}}html{background-color:rgba(var(--color-one), .07)}body{font-family:var(--font-sansserif);margin:0;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400}header{background-color:rgb(var(--main-color));justify-content:space-evenly;align-items:center;padding:1em;display:flex}#title{padding:.5em}#title h1{align-items:center;gap:1ch;margin:0 0 .5em;font-weight:900;display:flex}#title h1 img{width:2em;height:2em}#title p{opacity:.6;text-align:center;margin:0;font-style:italic;font-weight:100}nav ul{flex-direction:column;gap:1em;padding:0;list-style-type:none;display:flex}a{border-bottom:2px solid rgb(var(--accent-color));color:rgb(var(--accent-color));text-decoration:none}a>.iiicons{vertical-align:text-bottom}main{max-width:100%;margin:auto;padding:2em}section{margin:auto}h2{text-align:center;font-size:2em}#randomWebsite,#suggestWebsite{background-color:rgb(var(--main-color));border-bottom:4px solid rgb(var(--main-color-darker));border-radius:1rem;max-width:80ch;margin-bottom:5em;position:relative}#randomWebsite h2,#suggestWebsite h2{border:4px solid rgb(var(--main-color-darker));border-radius:1rem 1rem 0 0;margin:0;padding:1em}#randomWebsite #randomIcon,#suggestWebsite #suggestIcon{opacity:.3;font-size:5em;position:absolute;top:5px;left:10px}#toggleRandomWebsite{font:inherit;cursor:pointer;background-color:#0000;border:none;padding:1ch;position:absolute;top:0;right:0}#toggleRandomWebsite:hover{color:#888}#randomWebContainer{grid-template-rows:1fr;grid-template-columns:1fr;transition:all 1s;display:grid}#randomWebsite[data-opened=false] #randomWebContainer{grid-template-rows:0fr}#randomWebsite[data-opened=false] #randomWebsiteContent{padding-block:0}#randomWebsiteContent{transition:padding-block 1s;overflow:hidden}#randomWebsiteContent,.websiteCard{padding:2em;gap:.5em;padding-bottom:10px;display:grid}#randomWebsiteContent h3,.websiteCard h3{letter-spacing:2px;font-family:var(--font-sansserif);text-transform:uppercase;border-bottom:2px dashed;grid-area:title;margin-top:0;padding:1em;font-weight:700;position:relative}#randomWebsiteContent .username,.websiteCard .username{font-size:.7rem;position:absolute;bottom:0;right:1em}#randomWebsiteContent .websiteThumbnail,.websiteCard .websiteThumbnail{grid-area:thumbnail;align-self:center;width:100%;max-width:35ch}#randomWebsiteContent p,.websiteCard p{grid-area:desc}#randomWebsiteContent a,.websiteCard a{background-color:rgb(var(--accent-color));color:light-dark(#fff,#000);text-transform:uppercase;grid-area:link;justify-content:center;align-items:center;gap:.5ch;margin:.5em .5em .5em 0;padding:.5em;font-size:1.5em;text-decoration:none;transition:gap .5s;display:flex}#randomWebsiteContent a:hover,.websiteCard a:hover{gap:1ch}:where(#randomWebsiteContent,.websiteCard) :is(.categories,.availableLang){background-color:#8882;border:1px solid #fff;border-radius:.3em;flex-wrap:wrap;align-items:center;gap:1em;padding:.3em;transition:all 1s;display:flex}.categories:hover,.availableLang:hover{background-color:#8884}#randomWebsiteContent .categories,.websiteCard .categories{grid-area:cats;justify-content:space-evenly}#randomWebsiteContent .availableLang,.websiteCard .availableLang{grid-area:langs;justify-content:center}.availableLang span:has(+span){border-right:1px dotted;padding-right:.5em}#searchBarCont{z-index:2;backdrop-filter:blur(20px);background-color:light-dark(#eee8,#2228);border:3px solid #888;border-radius:100px;max-width:30ch;margin:auto;padding:10px;position:sticky;top:.5em}#searchBarCont:focus-within{border:3px solid rgb(var(--color-three))}#searchBar{background-color:#0000;border:none;width:calc(100% - 20px - 3ch);margin-left:1ch;font-size:1em}#searchBar:focus{outline:none}#searchBarCont>.iiicons{cursor:pointer}#filtersCont{justify-content:space-evenly;align-items:center;gap:1em;margin:auto;padding:10px;display:flex}#lang{font:inherit;border:2px solid #888;border-radius:100px;padding:5px 10px}#catCont{flex-wrap:wrap;justify-content:space-evenly;gap:1ch;display:flex}#catCont input[type=checkbox]{display:none}#catCont label:has(+input[type=checkbox]){cursor:pointer;border:2px solid #8888;border-radius:100px;padding:5px 10px;transition:border-color .5s;position:relative}#catCont label:has(+input[type=checkbox]):before{content:"";z-index:1;background-color:currentColor;border:none;width:100%;height:2px;transition:width .5s;display:block;position:absolute;top:49%;left:0}#catCont label:has(+input[type=checkbox]:checked){border-color:rgb(var(--main-color))}#catCont label:has(+input[type=checkbox]:checked):before{width:0%}#catCont label:has(+input[type=checkbox]):hover,#catCont label:has(+input[type=checkbox]):focus{background-color:#8886}#resetFiltersBtn{font-size:inherit;cursor:pointer;border:2px solid #8888;border-radius:100px;justify-content:center;align-items:center;padding:5px;transition:all .5s;display:flex}#resetFiltersBtn:hover,#resetFiltersBtn:focus{color:red;border-color:currentColor}#noResult{opacity:0;margin:auto;z-index:-1;grid-column:1/-1;height:0;margin-block:0;padding:0;font-size:2em;transition:opacity}#noResult.show{opacity:.5;height:auto;padding:2em;transition:opacity 1s}#noResult p{align-items:center;gap:1ch;display:flex}.iiicons.large{font-size:2em}.websiteCard{background-color:rgb(var(--secondary-color));border:4px solid rgb(var(--secondary-color-darker));border-radius:1em;margin-block:.5em}.websiteCard[data-search=hidden],.websiteCard[data-lang=hidden],.websiteCard[data-cat=hidden]{display:none}.websiteCard h3{border-bottom:2px dashed rgb(var(--secondary-color-darker))}.websiteThumbnail{border:5px solid #eee;transition:all 2s}.websiteThumbnail:hover{transform:scale(1.1)perspective(300px)translateZ(2em);box-shadow:0 0 4em #000a}.iiicons.favorite{color:#ff0}#about{max-width:80ch;margin:auto;line-height:140%}#about h2{background-color:rgb(var(--secondary-color));border-radius:1em;justify-content:center;align-items:center;gap:.5ch;padding:1em;display:flex}#about h3{border-bottom:3px dashed rgb(var(--color-two));margin-top:3em}#suggestWebsiteContent{border-radius:1rem;flex-direction:column;gap:1em;padding-top:1em;display:flex;overflow:hidden}#suggestWebsiteContent input,#suggestWebsiteContent textarea{background-color:#0000}#suggestWebsiteContent textarea{resize:vertical}#suggestLink{background-color:rgb(var(--accent-color));color:#fff;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:.5ch;margin:0;padding:.5em;font-size:1.5em;text-decoration:none;transition:gap .5s;display:flex}#suggestLink:hover,#suggestLink:focus{gap:1ch;transform:none}footer{border-bottom:solid .5em rgb(var(--main-color));background-image:linear-gradient(#0000,#8884);justify-content:center;align-items:center;height:5em;display:flex}#aiDisclaimerBtn{margin:0;font-size:2em}#aiDisclaimer{& h2{justify-content:center;align-items:center;gap:.5ch;display:flex}& #aiDisclaimerGeneral{background-color:hsl(from rgb(var(--main-color)) h s l / 20%);border:solid rgb(var(--main-color)) 1px;text-align:center;border-radius:10px;padding:.5em 1em}}@media screen and (width<=1000px){header{flex-direction:column}}@media screen and (width<=500px){header{text-align:center;font-size:1.2em}#randomWebsiteContent,.websiteCard{grid-template-columns:1fr;grid-template-areas:"title""thumbnail""desc""link""cats""langs"}#randomWebsiteContent h3,.websiteCard h3{text-align:center}#filtersCont{flex-direction:column}#catCont{border-top:2px dashed #8888;border-bottom:2px dashed #8888;padding-block:5px}.categories{justify-content:center}}@media screen and (width>=500px){header{font-size:1.5em}#randomWebsiteContent,.websiteCard{grid-template-columns:1fr auto;grid-template-areas:"title title""desc thumbnail""link thumbnail""cats langs"}#searchBarCont{font-size:1.7em}#filtersCont{font-size:1.3em}#catCont{border-left:2px dashed #8888;border-right:2px dashed #8888;padding-inline:5px}}@media screen and (width>=100ch){#websiteListCont{grid-template-columns:repeat(auto-fill,minmax(70ch,1fr));gap:1em;display:grid}}