1 line
9.1 KiB
CSS
1 line
9.1 KiB
CSS
|
:root{--transTime:.1s}*{margin:0;padding:0;text-decoration:none;border:0;background-color:transparent;font-family:'nimbus_regular',Arial;color:#000;cursor:url(./images/circle-black.png) 10 20,auto !important}:focus,:active{outline:0}body{padding:0 2vw 0 2vw}p:not(:last-child){padding-bottom:.8rem}h1{font-size:1rem}@font-face{font-family:'nimbus_regular';src:url('fonts/nimbussans-reg.woff2') format('woff2'),url('fonts/nimbussans-reg.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nimbus_bold';src:url('fonts/nimbussans-bol.woff2') format('woff2'),url('fonts/nimbussans-bol.woff') format('woff');font-weight:normal;font-style:normal}.hide{opacity:0 !important}.header{position:fixed;z-index:2;top:0;left:2vw;width:96vw;padding:1rem 0;background-color:transparent;display:flex;justify-content:space-between;transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.header--big{padding:0}.header__logo{font-size:2.5rem;font-family:Arial}.header__logo--big{font-size:17rem;will-change:font-size}.logoBtn{transform:translateX(-2px)}.views{width:6rem;display:flex;justify-content:flex-end;opacity:1;position:fixed;right:2vw;top:1.4rem;transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.header__views--unvisible{opacity:0}.views__btn{width:2.5rem;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.views__btn--mobile{display:none;opacity:1;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.views__btn--smaller{transform:translateX(-1rem)}.views__btn--close{display:none;width:2.5rem}.views__btn img{width:80%}.grid{display:grid;width:100%;padding:22rem 0 8rem;grid-auto-rows:20vw;gap:4.5vw;opacity:1;transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-webkit-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-moz-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-o-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out}.grid--full{grid-template-columns:1fr;grid-auto-rows:auto}.grid--0{grid-template-columns:1fr}.grid--1{grid-template-columns:1fr;grid-auto-rows:50vw}.grid--2{grid-template-columns:1fr 1fr;grid-auto-rows:45.3vw}.grid--3{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:28.7vw}.grid--4{grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:20.5vw}.grid--5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:16vw}.toProject{opacity:1;background-color:rgba(0,0,0,0);transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.toProject--wait{background-color:rgba(0,0,0,.1)}.block__image:hover{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}.block__image--full .block__image:hover{-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}.block{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.block__image{max-width:100%;max-height:92%;align-self:baseline;filter:grayscale(0);opacity:1;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.block__caption{font-size:.85rem;padding-top:.6rem}.block__ref{text-transform:uppercase;font-size:.65rem;letter-spacing:1px}.block__image--full{max-width:n
|