42 lines
1.6 KiB
CSS
42 lines
1.6 KiB
CSS
@import 'https://fonts.googleapis.com/css?family=Iceland|Cairo&display=swap';
|
|
body {
|
|
background-image: url("/resources/img/pb.webp");
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
background-size: 100% auto;
|
|
background-color:#2c2c2c;
|
|
color:#efefef;
|
|
}
|
|
/*.tstyle{background:-webkit-linear-gradient(-45deg, #A3FF00 30%, #49FF00 35%, #00FF45 45%, #04FF54 60%, #00FFD2 65%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:damion;max-width:fit-content;margin:auto}*/
|
|
.tstyle {
|
|
color: #FFD700; /* Gold */
|
|
font-family: Iceland;
|
|
max-width: fit-content;
|
|
margin: auto;
|
|
text-shadow: 0 0 8px rgba(255, 215, 0, 0.7);
|
|
}
|
|
|
|
#container {
|
|
text-align:center;
|
|
font-family:Iceland;
|
|
position:absolute;
|
|
top:45%;
|
|
left:50%;
|
|
transform:translate(-50%,-45%);
|
|
width:auto;
|
|
|
|
/* transparent box padding */
|
|
background: rgba(0, 0, 0, 0.9); /* black box at 90% opacity */
|
|
padding: 20px 40px; /* space inside the box */
|
|
border-radius: 12px; /* rounded corners */
|
|
}
|
|
|
|
#container #avatar{border-radius:50%;margin-bottom:-.75em}
|
|
#container #title{font-size:4em}
|
|
#container #text{line-height:1.375}
|
|
#container #links{margin-top:1.25em;white-space:nowrap;letter-spacing:.5em;line-height:2}
|
|
@media all and (max-width:1000px){#brave-shill{margin-top:.35em;max-width:100%;border-radius:.5em}}
|
|
@media all and (min-width:1001px){#brave-shill{margin-top:.35em;width:50%;border-radius:.5em}}a{color:#1ee9ff;text-decoration:none}
|
|
#container #links a{user-select:none;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
|
|
.icon{width:24px}
|