1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- body, html {
- height: 100%;
- margin: 0;
- font-family: Arial, Helvetica, sans-serif;
- }
- * {
- box-sizing: border-box;
- }
- .bg-image {
- /* The image used */
- background-image: url("/maydo/background.jpg");
-
- /* Add the blur effect */
- filter: blur(8px);
- -webkit-filter: blur(8px);
-
- /* Full height */
- height: 100%;
-
- /* Center and scale the image nicely */
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- /* Position text in the middle of the page/image */
- .bg-text {
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
- color: white;
- font-weight: bold;
- border: 3px solid #f1f1f1;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 2;
- width: 80%;
- padding: 20px;
- text-align: center;
- }
|