mirror of
https://github.com/FranP-code/Visit-counter.git
synced 2025-10-12 23:52:54 +00:00
65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
* {
|
|
margin: 0;
|
|
|
|
}
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-color: #2C3338;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.blue-circle {
|
|
background-color: #578EB7;
|
|
|
|
/* */
|
|
position: relative;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -250px 0 0 -250px; /* Half of the width*/
|
|
/* Credits: https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/
|
|
/* */
|
|
|
|
width: 500px;
|
|
height: 500px;
|
|
border-radius: 100%;
|
|
-webkit-border-radius: 100%;
|
|
-moz-border-radius: 100%;
|
|
-ms-border-radius: 100%;
|
|
-o-border-radius: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.gray-rectangle {
|
|
width: 40%;
|
|
height: 40%;
|
|
background-color: #C4C4C4;
|
|
|
|
border-radius: 10%;
|
|
-webkit-border-radius: 10%;
|
|
-moz-border-radius: 10%;
|
|
-ms-border-radius: 10%;
|
|
-o-border-radius: 10%;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
/* padding-top: 40px;*/
|
|
color: #2C3338;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.visits {
|
|
padding-top: 40px;
|
|
}
|
|
|
|
.amount {
|
|
padding-top: 20px;
|
|
font-size: 25pt;
|
|
} |