/* Farger, avstander og skrift samlet på ett sted. Vil du endre stemningen, er det stort sett her du gjør det. */ :root { /* Varm plomme i bunnen. Mørkt nok til at bildene lyser på lerretet, men med farge i seg - ikke den kalde svarte bakgrunnen. */ --dyp: #150d18; --plomme: #33203a; --vin: #46213f; /* Mykt og varmt: rosa, fersken og gull */ --rosa: #ff9fb6; --fersken: #ffc9a3; --gull: #f3d38b; --krem: #fff6f2; --krem-svak: rgb(var(--krem-rgb) / 0.62); --krem-svakest: rgb(var(--krem-rgb) / 0.32); /* Fargene en gang til, som kanaler. Da kan resten av stilarket lage gjennomsiktige varianter - rgb(var(--dyp-rgb) / 0.45) - uten å skrive tallene på nytt hver gang. */ --svart-rgb: 0 0 0; --dyp-rgb: 21 13 24; --vignett-rgb: 10 5 12; --rosa-rgb: 255 159 182; --krem-rgb: 255 246 242; /* Skygger under bildekortene */ --skygge-kort: 0 2vmin 5vmin rgb(var(--svart-rgb) / 0.55), 0 0.4vmin 1vmin rgb(var(--svart-rgb) / 0.35); --skygge-loftet: 0 2.4vmin 6vmin rgb(var(--svart-rgb) / 0.62), 0 0.5vmin 1.2vmin rgb(var(--svart-rgb) / 0.45); --skygge-portrett: 0 2.4vmin 6vmin rgb(var(--svart-rgb) / 0.6), 0 0.5vmin 1.2vmin rgb(var(--svart-rgb) / 0.4); /* Kanten rundt bildene i collagene, som på et framkalt bilde */ --kortkant: rgba(255, 246, 242, 0.94); /* Didot er en elegant motemagasin-skrift som følger med macOS, og Avenir Next er rund og vennlig og passer til de små tekstene. Begge finnes bare på Mac. Derfor lastes Bodoni Moda og Mulish fra Google Fonts i : de ligner nok til at siden ser lik ut på Windows, Android og alt annet. Rekkefølgen er med vilje. Står Didot først, bruker maskinen som kjører serien under seremonien skriften den allerede har, og trenger ikke nett. */ --skrift-tittel: 'Didot', 'Bodoni 72', 'Bodoni Moda', 'Playfair Display', 'Hoefler Text', Georgia, serif; --skrift-brod: 'Avenir Next', 'Avenir', 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; /* Settes av js/config.js når siden lastes - verdien her gjelder bare det aller første bildet, før skriptet har kjørt. */ --overgang: 1.2s; }