1
0
web-semprace/sass/main.scss
2023-11-21 21:04:25 +01:00

78 lines
1.7 KiB
SCSS

main {
display: flex;
gap: 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
section#news {
width: 60vw;
}
aside{
width: 40vw;
display: flex;
flex-direction: column;
align-items: center;
padding: 2rem;
background-color: var(--clr-cards);
border-radius: 15px;
section#vstupenky-wrapper {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 2rem;
}
a.vstupenky {
width: 80%;
background-color: orange;
padding: 1rem 2rem;
color: var(--clr-murrey);
text-decoration: none;
font-weight: bold;
font-size: 2rem;
text-align: center;
border-color: var(--clr-murrey);
border-radius: 15px;
border-style: solid;
border-width: 3px;
}
.infotable {
display: flex;
flex-direction: column;
gap: 2rem;
}
.info-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 4rem;
color: var(--clr-murrey);
text-align: left;
img {
width: 100px;
}
}
.info-wrapper:nth-child(even) {
flex-direction: row-reverse;
text-align: right;
}
}
footer {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: .5rem;
font-size: 0.7rem;
a, p {
color: var(--clr-murrey);
}
}
}