140 lines
2.4 KiB
CSS
Executable File
140 lines
2.4 KiB
CSS
Executable File
* {
|
|
font-family: 'Hack Nerd Font Mono', monospace;
|
|
}
|
|
|
|
body {
|
|
background-color: #101010;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
width: max-content;
|
|
justify-content: center;
|
|
margin: auto;
|
|
}
|
|
|
|
/* Uncomment for space between buttons */
|
|
/* .container > * { margin: 0 0 0 10px; } */
|
|
|
|
#input {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 20px;
|
|
min-width: 35%;
|
|
height: 40px;
|
|
font-size: 120%;
|
|
text-align: center;
|
|
outline: none;
|
|
background-color: #252525;
|
|
border: 1px solid #252525;
|
|
color: #f7f7f7;
|
|
transition: border-color .4s;
|
|
}
|
|
|
|
#input:hover {
|
|
border-color: #252525;
|
|
}
|
|
|
|
#input:focus {
|
|
border-color: #252525;
|
|
}
|
|
|
|
#avatar {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 150px;
|
|
width: 128px;
|
|
height: 128px;
|
|
border-radius:50%;
|
|
border: 2px solid #252525;
|
|
}
|
|
|
|
#greeting {
|
|
font-size: 210%;
|
|
opacity: 0;
|
|
color: #f7f7f7;
|
|
margin: auto;
|
|
margin-top: 40px;
|
|
width: 50%;
|
|
text-align: center;
|
|
transition: opacity ease-in .1s;
|
|
}
|
|
|
|
.dropbtn {
|
|
background-color: #252525;
|
|
color: #f7f7f7;
|
|
width: 150px;
|
|
border: none;
|
|
padding: 10px;
|
|
font-size: 12px;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #252525;
|
|
min-width: 160px;
|
|
box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.3);
|
|
z-index: 1;
|
|
transition: opacity ease-in-out 1s;
|
|
transition-delay: 2000ms;
|
|
}
|
|
|
|
.dropdown-content a {
|
|
display: block;
|
|
text-decoration: none;
|
|
color: #f7f7f7;
|
|
padding: 12px 16px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.dropdown-content a:hover {
|
|
background-color: #454545;
|
|
}
|
|
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
height: auto;
|
|
}
|
|
|
|
.dropdown:hover .dropbtn {
|
|
border-bottom: solid 1px #f7f7f7;
|
|
color: #f7f7f7;
|
|
transition: color .3s;
|
|
}
|
|
|
|
#search-engine-indicator {
|
|
display: block;
|
|
justify-content: center;
|
|
margin: auto;
|
|
text-align: center;
|
|
font-size: 110%;
|
|
transform: translateY(60px);
|
|
color: #f7f7f7;
|
|
opacity: 0;
|
|
transition: opacity ease-in-out .2s;
|
|
}
|
|
|
|
hr {
|
|
display: block;
|
|
justify-content: center;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
width: 135px;
|
|
padding: 0;
|
|
border: none;
|
|
height: 1px;
|
|
background-color: #f7f7f7;
|
|
}
|