mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
124 lines
1.9 KiB
CSS
124 lines
1.9 KiB
CSS
|
|
html { width:100%; height:100%; margin:0; padding:0; }
|
||
|
|
|
||
|
|
body {
|
||
|
|
/* background-color: rgb(4, 4, 85); */
|
||
|
|
background-color: rgb(38, 39, 49);
|
||
|
|
width:100%; height:100%; margin:0; padding:0;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.navbar .nav-item {
|
||
|
|
margin-right: 25px;
|
||
|
|
margin-left: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#right {
|
||
|
|
float: right;
|
||
|
|
margin-right: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#right {
|
||
|
|
float: right;
|
||
|
|
margin-right: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
/* color: rgb(0, 74, 235); */
|
||
|
|
/* outline-style: dotted; */
|
||
|
|
text-align: center;
|
||
|
|
margin-right: 1%;
|
||
|
|
margin-left: 1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
color: rgb(255, 255, 255);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
color: white;
|
||
|
|
margin-left: 1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
margin-left: 1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.desctext {
|
||
|
|
color: white;
|
||
|
|
margin-top: 20px;
|
||
|
|
background-color: rgb(1, 69, 196, 0.1);
|
||
|
|
padding: 10px;
|
||
|
|
border-radius: 10%;
|
||
|
|
border-style: groove;
|
||
|
|
border-color: rgb(255, 255, 255, 0.6);
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-fixed-top {
|
||
|
|
position: fixed;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 1030;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.picon {
|
||
|
|
border-radius: 50%;
|
||
|
|
background-color: rgba(255, 204, 51, 0.2);
|
||
|
|
box-shadow: 0 0 12px 7px rgba(252, 200, 28, 0.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Buttons */
|
||
|
|
|
||
|
|
.logoutbtn {
|
||
|
|
margin-top: 14px;
|
||
|
|
scale: 1.2;
|
||
|
|
border-radius: 10%;
|
||
|
|
}
|
||
|
|
.logoutbtn:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loginbtn {
|
||
|
|
margin-top: 14px;
|
||
|
|
scale: 1.2;
|
||
|
|
border-radius: 10%;
|
||
|
|
}
|
||
|
|
.loginbtn:hover {
|
||
|
|
color: #377aea;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fivedollarbtn {
|
||
|
|
color: #00f2f2;
|
||
|
|
font-size: 23px;
|
||
|
|
border: 1px solid #2fffe0;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 10px 30px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.fivedollarbtn:hover {
|
||
|
|
color: #000000;
|
||
|
|
background-color: #00f2f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tendollarbtn {
|
||
|
|
color: #30f200;
|
||
|
|
font-size: 23px;
|
||
|
|
border: 1px solid #50f801;
|
||
|
|
border-radius: 10px;
|
||
|
|
padding: 10px 30px;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
.tendollarbtn:hover {
|
||
|
|
color: #000000;
|
||
|
|
background-color: #30f200;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-family: 'Share Tech Mono', monospace;
|
||
|
|
}
|