body {
margin: 0;
padding: 0;
background-color: #0a1821;
height: 100vh;
width: 100vw;
font-family: Roboto, Arial, sans-serif;
color: #fff;
text-align: center;
}
.not-found {
width: 560px;
height: 225px;
margin-right: -10px;
}
.starry-sky {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
}
.search-icon {
display: inline-block;
}
.notfound-copy {
color: #fff;
position: fixed;
top: 25px;
right: 10%;
text-align: right;
}
h1 {
font-weight: 700;
font-size: 40px;
}
a {
font-weight: 300;
color: #fff;
border-bottom: 1.5px solid #5581d4;
text-decoration: none;
}
a:hover {
font-weight: 300;
color: #fff;
border-bottom: 2px solid #fff;
text-decoration: none;
}
/* change to alternating star opacities */
.all-stars {
animation: blinkblink 7s linear infinite;
}
@keyframes blinkblink {
50% { opacity: 0.1; }
}
.moon {
}
input[type=text] {
color: #fff;
background-color: #0a1821;
padding:5px;
border: none;
border-bottom:2px solid #ccc;
font-size: 18px;
}
input[type=text]:focus {
border-color:none;
border-bottom:2px solid #ccc;
}
This file should be used with HTML file Lampsite for better use.
The code block above contains a basic HTML document. The first section defines a series of style rules for the body of the document. These include margin, padding, background color, and font-family. The height and width of the document are set to 100vh and 100vw, respectively. The text-align: center style rule centers the text in the document.
Next, the .not-found style rule sets the width and height of the .not-found element to 560px and 225px, respectively. The .starry-sky style rule sets the display property of the .starry-sky element to block, which sets the element's width and height to 100vw and 100vh, respectively. The object-fit: cover style rule sets the position property of the .starry-sky element to cover, which makes the element fill the entire screen.
The next style rule defines the .search-icon style rule. This rule sets the display property of the .search-icon element to inline-block, which makes the element wrap around the text in the document.
The last style rule in this section is the .notfound-copy style rule. This rule sets the color and position of the .
0 Comments
Log in to add a comment