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.

142 lines
1.9 KiB
CSS

3 years ago
@font-face {
font-family: points;
src: url(../fonts/AC1-SemiLightDots.ttf);
}
body {
max-width: 100vw;
3 years ago
background-color: blue;
color: white;
font-family: Arial, Helvetica, sans-serif;
3 years ago
}
h1 {
3 years ago
font-family: points;
font-size: 60px;
color: white;
}
button {
user-select: none;
display: inline-block;
padding: 3px 1em;
color: currentColor;
font-weight: var(--bold);
text-decoration: none;
margin-bottom: 4px;
background-color: rgba(0, 0, 0, 0);
3 years ago
}
.draggable {
display: none;
position: absolute;
3 years ago
border: 2px white solid;
3 years ago
background: black;
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49);
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49);
}
.draggable p,
.draggable li,
.draggable ul {
color: white;
list-style: none;
}
.draggable li::before {
content: "💾 ";
}
.resizable {
width: 350px;
height: 650px;
padding: 0.5em 1.5em;
}
.resizable p {
font-size: 18px;
}
.resizable h1 {
font-size: 35px;
}
.closable {
3 years ago
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 38px;
}
/*
.closable button {
width: 35px;
height: 30px;
} */
3 years ago
.hover {
font-weight: bolder;
}
.icon {
3 years ago
width: 70px;
height: 70px;
border: none;
z-index: 1;
font-size: 30px;
cursor: pointer;
3 years ago
/* font-size: 50px ; */
}
.icon:hover {
font-size: 35px;
}
#bar{
z-index: 10;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 5%;
border: solid 2px white;
background-color: rgba(19, 19, 156, .9);
}
#colophon{
margin: auto;
width: 50%;
/* position: fixed; */
z-index: 5;
background-color: white;
color: black;
border: solid 2px blue;
display: none;
padding: 1% 5%;
}
#colophon h1{
color: blue;
}
.bottoneCose{
width: 10%;
height: 100%;
}
.bottoneCose:active{
background-color: rgb(113, 113, 226);
}
.clicked{
background-color: white;
color: blue;
}
.visible {
display: inline;
}