64 lines
978 B
CSS
64 lines
978 B
CSS
@media (max-width: 768px) {
|
|
.over-background > *:first-child {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.over-background > *:last-child {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.over-background > * {
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 769px) {
|
|
.over-background > *:first-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.over-background > *:last-child {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.over-background > * {
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.badges {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
grid-template-rows: repeat(3, 1fr);
|
|
}
|
|
|
|
.badge {
|
|
border: 2px solid #e1c300;
|
|
border-radius: 10px;
|
|
padding: 2%;
|
|
margin: 1%;
|
|
}
|
|
|
|
.badge input {
|
|
max-width: 80%;
|
|
}
|
|
|
|
.create-profile-card-section > * {
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
display: block;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
.create-profile-card-section .badge img {
|
|
width: 10%;
|
|
}
|
|
|
|
h2 {
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|