#app_homepage { .bloc-futur { color: #FFF; background-color: $green; font-family: dinbold; .row-futur { min-height: 800px; h1 { font-family: FranklinGothic; width: 70%; font-size: 80px; margin-top: 70px; } h2 { font-family: FranklinGothic; width: 50%; margin-top: 55px; font-size: 27px; line-height: 38px; } .discover { background-color: $yellow; color: $green; font-size: 30px; padding: 13px 50px; margin-top: 150px; display: inline-block; font-weight: bold; } .perso-aac { position: absolute; bottom: 0; right: 0; max-width: 900px; } .startup { position: absolute; top: 10%; right: 7%; max-width: 250px; } } } .bloc-cartographie { background-color: $green; color: $green; .frame-yellow { background-color: $yellow; } .cartographie { max-width: 90%; margin-top: 50px; margin-bottom: 50px; } h2 { margin-top: 100px; margin-bottom: 40px; font-weight: bold; span { color: $orange; } } .link-carto { font-size: 20px; display: inline-block; margin-top: 20px; margin-bottom: 30px; color: $green; font-weight: bold; text-decoration: none; } .link-concert { color: $yellow; background-color: $green; padding: 20px 10px; position: absolute; bottom: 5%; left: 15px; font-family: dinbold; font-size: 20px; font-weight: bold; } } .bloc-planisphere { min-height: 700px; color: $green; padding-bottom: 100px; padding-top: 100px; img { max-width: 70%; } h2 { text-align: center; font-size: 40px; font-weight: bold; margin-bottom: 70px; span { color: $orange; } } .col-text { padding: 3%; } .subscribe { border: 1px solid $green; padding: 10px 40px; position: absolute; bottom: 0; font-size: 23px; a { color: $green; } &:hover { border-color: $yellow; } } } .bloc-ressourcerie { background-color: $green; color: #FFF; font-weight: bold; padding-top: 100px; padding-bottom: 100px; h2 { margin-bottom: 50px; font-size: 40px; font-weight: bold; } .contribuate { display: inline-block; padding: 15px 15px; border: 2px solid $yellow; margin-top: 40px; font-size: 23px; a { color: #FFF; } } .ressourcerie { max-width: 80%; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; } } }