Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- *
- {
- box-sizing: border-box;
- }
- body
- {
- font-family: 'Times New Roman', Times, serif;
- font-size: 16px;
- background: black;
- margin: 0;
- color: white;
- }
- .topbar
- {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- width: 100%;
- height: auto;
- z-index: 2;
- display: flex;
- }
- .topbar-nav
- {
- margin-top:28px;
- margin-left: 300px;
- margin-right: 0;
- }
- .topbar-nom
- {
- margin-left: 50px;
- }
- .topbar-nom h1 a
- {
- text-decoration:none;
- font-weight: bolder;
- color: white;
- }
- .topbar-nav a
- {
- color:white;
- text-decoration: none;
- padding: 0 20px;
- font-weight: 500;
- }
- .topbar-nav a:hover,
- .topbar-nav a.active
- {
- border-bottom: 2px solid #ffbd39;
- color: #ffbd39;
- }
- .clear
- {
- clear: both;
- }
- .container
- {
- margin-top:100px;
- width: 100%;
- height: auto;
- z-index: 1;
- }
- .article-acceuil
- {
- display: flex;
- align-items: center;
- color: white;
- }
- .article-acceuil.image-hero
- {
- order: 2;
- }
- .article-acceuil.texte
- {
- order: 1;
- }
- .article-acceuil h1
- {
- font-size: 90px;
- margin-left: 40px;
- margin-top: -11px;
- margin-bottom: 0;
- }
- .article-acceuil h2
- {
- font-size:40px;
- margin-left: 40px;
- line-height: 1.6;
- }
- .article-acceuil span.salutation
- {
- font-size: 20px;
- margin-left: 40px;
- margin-top: 80px;
- margin-bottom: 0;
- }
- .article-acceuil p a.boutton-1
- {
- display: inline-block;
- background: #ffbd39;
- margin-left: 50px;
- margin-top: 4px;
- padding-top:22px;
- font-size: 14px;
- font-weight: 900;
- width: 120px;
- text-align:center;
- height: 65px;
- border-radius: 45px;
- text-decoration: none;
- color: black;
- }
- .article-acceuil p a.boutton-2
- {
- display: inline-block;
- margin-left: 10px;
- padding: 20px;
- font-size: 14px;
- font-weight: 900;
- width: 130px;
- text-align:center;
- height: 60px;
- border-radius: 45px;
- text-decoration: none;
- color:white;
- border: 1px solid white;
- }
- .article-propos
- {
- display: flex;
- align-items: center;
- color: white;
- }
- .article-acceuil.image-heros
- {
- order: 1;
- }
- .article-acceuil.infos
- {
- order: 2;
- }
- .article-propos.infos h1
- {
- font-size: 90px;
- margin-left: 40px;
- margin-top: -11px;
- margin-bottom: 0;
- }
- .article-propos.info h2
- {
- font-size:100px;
- margin-left: 40px;
- line-height: 1.6;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement