23 lines
776 B
CSS
23 lines
776 B
CSS
|
.background {
|
||
|
|
background-image: url("https://images.unsplash.com/photo-1683085809775-d9ac53fcbe21?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDE1fDZzTVZqVExTa2VRfHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&q=60");
|
||
|
|
/* fill the page height and width */
|
||
|
|
height: 100vh;
|
||
|
|
width: 100vw;
|
||
|
|
/* make the background image cover the whole page */
|
||
|
|
background-size: cover;
|
||
|
|
/* position the image in the center of the page */
|
||
|
|
background-position: center;
|
||
|
|
/* make the image fixed so it doesn't scroll with the page */
|
||
|
|
background-attachment: fixed;
|
||
|
|
/* make the image not repeat */
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidePanel {
|
||
|
|
/* make somewhat transparent and blurry */
|
||
|
|
background-color: rgba(255, 255, 255, 0.5);
|
||
|
|
backdrop-filter: blur(5px);
|
||
|
|
height: 100vh;
|
||
|
|
|
||
|
|
}
|