Permalink
Cannot retrieve contributors at this time
body | |
margin: 0 | |
font-family: 'Manrope', sans-serif | |
font-size: 100% | |
background-size: cover | |
background-position: center | |
color: white | |
background-color: #2c2c2c | |
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4)) 0% | |
transition: background 1s | |
background-repeat: no-repeat | |
text-align: center | |
box-sizing: border-box | |
font-variant-numeric: tabular-nums | |
.container | |
display: flex | |
flex-direction: column | |
align-items: center | |
justify-content: center | |
width: 100vw | |
height: 100vh | |
article | |
height: 300px | |
section | |
display: flex | |
flex-direction: column | |
align-items: center | |
justify-content: center | |
h1 | |
text-align: center | |
font-size: 2em | |
margin: 0px | |
h3 | |
margin-top: 4px | |
footer | |
position: absolute | |
bottom: 12px | |
display: flex | |
left: 12px | |
right: 12px | |
justify-content: space-between | |
#unsplash-author, #color-picker | |
transition: background .5s ease-in-out | |
color: white !important | |
display: flex | |
justify-content: center | |
align-items: center | |
width: 56px | |
height: 56px | |
background: rgba(255,255,255, .4) | |
border-radius: 50% | |
backdrop-filter: blur(10px) | |
&:hover | |
background: rgba(255,255,255, .6) | |
border-radius: 50% | |
button | |
border: none | |
padding: 12px | |
font-family: 'Manrope', sans-serif | |
font-weight: bold | |
text-transform: uppercase | |
background: #000000 | |
color: #fff | |
border-radius: 8px | |
.tab | |
animation: .3s ease both hide reverse .3s | |
display: inline-block | |
cursor: pointer | |
transition: all .3s .1s | |
outline: 0px | |
padding: 12px | |
font-family: 'Manrope', sans-serif | |
font-weight: bold | |
text-transform: uppercase | |
background: none | |
margin-right: 8px | |
margin-left: 8px | |
border-radius: 12px | |
width: 120px | |
.active | |
transition: all .3s | |
background-color: white | |
color: #000 | |
.tab-row | |
margin-bottom: 24px | |
.hidden | |
display: none | |
textarea | |
min-width: 250px | |
min-height: 100px | |
max-width: 75vw | |
max-height: 40vh | |
transition: border .2s | |
background-color: rgba(255,255,255,.2) | |
color: white | |
border-radius: 8px | |
padding: 8px | |
border: 2px solid rgba(255, 255, 255, .6) | |
font-family: 'Manrope' | |
backdrop-filter: blur(25px) | |
&::placeholder | |
color: white | |
transition: all .2s | |
&:focus | |
outline: none !important | |
border: 2px solid rgba(255, 255, 255, 1) |