.navbar{position:fixed;width:100%;height:80px;background-color:rgba(0,0,0,.5);z-index:1000}.navbar__links{margin:0;padding:5px 15px;display:flex;justify-content:center;align-items:center;list-style-type:none}.navbar__links--item{width:80px}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{color:#1976d2}.footer{position:absolute;top:100%;width:100%;height:50px}.boxx{width:100px;height:100px;background-color:#7fffd4}.image-page{position:absolute;top:0;bottom:0;width:100%;height:100%}.image-page__content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.bg-image{background-image:url(https://images.unsplash.com/photo-1589111487049-028898f487e8);background-size:cover;background-position:50%;background-color:#f8f8f8}.light-mode .bg-blur{background-color:hsla(0,0%,100%,.5)}.dark-mode .bg-blur,.light-mode .bg-blur{backdrop-filter:saturate(150%) blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px)}.dark-mode .bg-blur{color:#fff;background-color:rgba(0,0,0,.5)}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.boxxx{width:300px;height:100px;background-color:#adff2f}