Bootcamp/Start/Levels
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
Line 15: | Line 15: | ||
.header { | .header { | ||
width: 100%; | width: 100%; | ||
height: | height: 60px; | ||
background: #E2F5FA; | background: #E2F5FA; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
margin-top: | margin-top: 10px; | ||
} | } | ||
.header-text { | .header-text { | ||
font-family: 'Outfit', sans-serif; | font-family: 'Outfit', sans-serif; | ||
font-size: | font-size: 24px; | ||
font-weight: 600; | font-weight: 600; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
Line 35: | Line 35: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
margin: | margin: 15px 0; | ||
animation: fadeInUp 1s ease-in-out forwards; | animation: fadeInUp 1s ease-in-out forwards; | ||
justify-content: space-between; | |||
} | } | ||
.section { | .section { | ||
border-radius: 20px; | border-radius: 20px; | ||
padding: | padding: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
cursor: pointer; | cursor: pointer; | ||
transition: transform 0.3s ease; | transition: transform 0.3s ease; | ||
flex: 1; | flex: 1; | ||
height: | min-height: 200px; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
Line 74: | Line 75: | ||
} | } | ||
.section-title { | .section-title { | ||
font-size: | font-size: 20px; | ||
font-weight: 700; | font-weight: 700; | ||
margin-bottom: | margin-bottom: 8px; | ||
} | } | ||
.section-content { | .section-content { | ||
font-size: | font-size: 16px; | ||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
.icon-placeholder { | .icon-placeholder { | ||
width: | width: 150px; | ||
height: auto; | height: auto; | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin: 0 | margin: 0 10px; | ||
animation: fadeInScale 1s ease-in-out forwards; | animation: fadeInScale 1s ease-in-out forwards; | ||
} | } | ||
Line 106: | Line 107: | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.header-text { | .header-text { | ||
font-size: | font-size: 18px; | ||
} | } | ||
.section-title { | .section-title { | ||
font-size: | font-size: 18px; | ||
} | } | ||
.section-content { | .section-content { | ||
font-size: | font-size: 14px; | ||
} | } | ||
.icon-placeholder { | .icon-placeholder { | ||
Line 127: | Line 128: | ||
margin: 10px 0; | margin: 10px 0; | ||
text-align: center; | text-align: center; | ||
} | } | ||
} | } |
Revision as of 22:32, 18 August 2024
This page was created by Edgar on 2024-08-12. Last edited by Edgar on 2025-01-20.
Choose the right option for you