mirror of
https://github.com/LucasVbr/password-generator.git
synced 2026-05-13 17:21:57 +00:00
58 lines
1.0 KiB
CSS
58 lines
1.0 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100vh;
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
background-color: #2c3e50;
|
|
color: #ecf0f1;
|
|
}
|
|
|
|
.container {
|
|
height: 100%;
|
|
padding: 2.5rem 10rem;
|
|
}
|
|
|
|
.resultat {
|
|
padding: 25px 0;
|
|
}
|
|
|
|
#password {
|
|
|
|
font-size: 2rem;
|
|
border-radius: 10px;
|
|
font-family: consolas;
|
|
color: #2ecc71;
|
|
}
|
|
|
|
/* General Range */
|
|
input[type="range"] {
|
|
-webkit-appearance: none;
|
|
margin: 18px 0;
|
|
width: 100%;
|
|
border-radius: 8px;
|
|
}
|
|
input[type="range"]:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* Chrome Range */
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
height: 8px;
|
|
cursor: pointer;
|
|
background-color: #ecf0f1;
|
|
border-radius: 8px;
|
|
}
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
height: 30px;
|
|
width: 30px;
|
|
border-radius: 50%;
|
|
background: #ffffff;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
margin-top: calc( (8px - 30px) / 2);
|
|
}
|