Template:Nantes/css/main

/* ---Main Section--- */ <style>

1. bandeausvg {

   display: inline-block;
   position: absolute;
   top: 0; 
   left: 0;
   z-index: -1;

}

.vague {

   display: inline-block;
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;

}

h1 {

   /* position */
   margin-top: 100px;
   margin-left: auto;
   margin-right: auto;
   /* style */
   width:300px;
   font-size: 30pt;
   text-align: center;
   color: white;
   font-family: var(--Monserrat); 

}

h2 {

   /* position */
   margin-top: -20px;
   margin-left: auto;
   margin-right: 350px;

   /* style */
   font-size: 20pt;
   width:400px;
   text-align: center;
   color: black;
   font-family: 'Montserrat', sans-serif;

}

1. bttf {

   color:#699A5D;
   font-family: var(--bttf), sans-serif;

}

1. logo {

   /* position */
   margin-top:-120px;
   margin-left: 50px;
   /* style */
   width: 250px;
   height: 250px;

}

/* ---Olga page 1--- */

1. Olga1 {

   /* position */
   margin-top: -2px;
   margin-left: 350px;
   /* style */
   width: 200px;
   height: auto;

}

1. OlgaSpeech {

   /* position */
   float: right;
   margin-right: 75px;
   margin-top: 50px;
   /* style */
   background-color: rgb(229,251,254);
   border: 2px solid black;
   padding: 20px;
   border-radius: 20px;
   font-size: 12pt;
   color: #699A5D;
   width: 600px;
   

}

h3 {

   width: 600px;

}

/* ---General Section--- */

.section {

   width: 100%;
   height: 900px;
   border: 1px solid rgba(0, 0, 0, 0);

}

.sectionTitle {

   font-size: larger;
   font-family: var(--Monserrat);

}

.sectionText {

   font-size: medium;
   font-family: var(--Lexend);
   background-color: rgb(229,251,254);
   border: 2px solid black;
   padding: 20px;
   border-radius: 20px;
   font-size: 12pt;
   color: #699A5D;

}

.sectionImages {

   width: 300px;
   height: auto;

}

/* ---section1--- */

1. title1 {

   margin-top: 100px;
   margin-left: 150px;

}

1. algue {

   margin-top: 50px;
   margin-left: 150px;
   float: left;

}

1. text1 {

   margin-top: 200px;
   margin-right: 100px;
   float: right;

}

1. text2 {

   margin-left: 500px;
   float: left;
   width: 200px;

}

1. mareeVerte {

   float: left;
   margin-left: 600px;

}

/* ---section2--- */

1. text3 {

   margin-left: 100px;
   float: left;

}

1. text4 {

   margin-right: 400px;
   float: right;

}

1. title2 {

   margin-top: 400px;
   margin-left: 150px;
   width: auto;

}

1. text5 {

   margin-top: 100px;
   margin-left: 500px;
   float: left;
   width: 300px;
   height: 150px;
   text-align: center;

}

1. interrogation {

   float: right;
   width: 100px;
   height: auto;
   margin-right: 480px;
   margin-top: -100px;

}

1. erlenmeyer {

   float: left;
   margin-left: 50px;
   margin-top: 100px;
   width: 100px;
   height: auto;

}

1. dollar {

   float: left;
   margin-left: -150px;
   width: 100px;
   height: auto;

} </style>