Oracle_One-Alura_Latam/006_challenge_encriptador/style.css

87 lines
1.1 KiB
CSS

*{
font-family: 'Press Start 2P', cursive;
font-size: smaller;
}
main {
display: flex;
background: #0079db;
/*align-content: center;*/
justify-content: center;
flex-wrap: wrap;
max-height: 100%;
min-height: 100%;
}
#logo {
padding: 2%;
margin-bottom: 50px;
}
label {
align-content: center;
padding: 5px;
}
button{
margin: 10px;
}
#mensaje {
margin-left: 4%;
margin-right: 2%;
margin-top: 3%;
margin-bottom: 3%;
padding: 1%;
width: 100%;
max-width: fit-content;
}
#frase {
margin: 10px;
}
#uso {
margin: 10px;
font-family: monospace;
font-size: small;
}
#info {
text-align: center;
margin-left: 2%;
margin-right: 4%;
margin-top: 3%;
margin-bottom: 3%;
background: #006ef9;
border-radius: 25px;
padding: 1%;
width: 40%;
}
#mono {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
#info h2{
padding: 10px
}
#copiar{
padding: 5%;
display: block;
}
.botones {
font-size:large;
}
footer {
background-color: #d63533;
padding: 1%;
}