You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

147 lines
2.6 KiB
CSS

@font-face {
font-family: sinistre;
src: url(fonts/Sinistre-SCaroline.woff),
url(fonts/Sinistre-SCaroline.otf);
}
@font-face {
font-family: jolybolditalic;
src: url(fonts/JolyDisplay-BoldDisplayItalic.woff),
url(fonts/JolyDisplay-BoldDisplayItalic.otf);
}
@font-face {
font-family: jolyregularitalic;
src: url(fonts/JolyDisplay-RegularDisplayItalic.woff),
url(fonts/JolyDisplay-RegularDisplayItalic.otf);
}
@font-face {
font-family: jolyregular;
src: url(fonts/JolyDisplay-RegularDisplay.woff),
url(fonts/JolyDisplay-RegularDisplay.otf);
}
@font-face {
font-family: jolyheavyitalic;
src: url(fonts/JolyDisplay-HeavyDisplayItalic.woff),
url(fonts/JolyDisplay-HeavyDisplayItalic.otf);
}
body{
font-size: 4vw;
padding:2.5%;
font-family: sinistre;
line-height: 5.3vw;
max-width: 100%;
max-height: 100%;
}
span.special1{
font-family: jolybolditalic;
}
form {
display: inline;
}
label {
display: inline;
}
input#player_name {
-webkit-appearance: none;
border: 0px transparent solid;
border-radius: 25vw;
font-size: 4vw;
color: black;
font-family: jolybolditalic;
text-align: center;
background-color: #ccb3ff;
-webkit-box-shadow: 0px 0px 8px 6px #ccb3ff;
-moz-box-shadow: 0px 0px 8px 6px #ccb3ff;
box-shadow: 0px 0px 8px 6px #ccb3ff;
}
button {
-webkit-appearance: none;
background-color: white;
border: 0.25vw black solid;
border-radius: 25vw;
font-family: jolybolditalic;
color:black;
cursor:pointer;
}
button:hover {
border: 0.25vw #ccb3ff solid;
color:#ccb3ff;
}
span.button_text{
padding:1.2vw;
font-size: 4.5vw;
}
div.line {
display: inline-block;
border-top: 0.3vw solid black;
padding-bottom: 20px;
width: 20vw;
transform: rotate(4deg);
}
div.line3 {
display: inline-block;
border-top: 0.3vw solid black;
padding-bottom: 20px;
width: 40vw;
transform: rotate(-4deg);
}
*,
*:before,
*:after {
box-sizing: border-box;
}
.radio {
font-size: 2.25rem;
color: black;
display: inline;
grid-template-columns: min-content auto;
grid-gap: 0.5em;
}
input.avatar {
opacity: 0;
width: 0;
height: 0;
}
input:checked + .radio__control {
background-color: #ccb3ff;
border: #ccb3ff;
-webkit-box-shadow: 0px 0px 8px 6px #ccb3ff;
-moz-box-shadow: 0px 0px 8px 6px #ccb3ff;
box-shadow: 0px 0px 8px 6px #ccb3ff;
}
.radio__control {
display: inline-block;
width: 1.5vw;
height: 1.5vw;
border-radius: 50%;
border: 0.2vw solid currentColor;
margin-right: 2vw;
}