/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{
margin:0;
padding:0;
 }
 
 body {
     margin:0;
     font-family: Arial, "Helvetica Neue",
     Helvetica, sans-serif;
     font-size:17px;
     color:#00405b;
     line-height:1.6;
     }
     
     #showcase{
     background-image:url('../images/wordcloud2.png'); 
     background-size:cover;
     background-position:center;
     height:100vh;
     flex-direction:column;
     justify-content:center;
     align-items:center;
     text-align:center;
     padding:0 20px;
     }
     
     #showcase h1{
     font-size:60px;
     line-height:1.2;
     }
 
     #showcase p{
     font-size:20px;
     }

     #showcase .button{
     font-size:18px;
     text-decoration:none;
     color:#00405b;
     border:#00405b 2px solid;
     padding:10px 20px;
     border-radius:10px;
     margin-top:20px;
     }

     #showcase .button:hover{
     background:#006d9b;
     color:#fff;
     }
     
     #showcase .button1{
     font-size:36px;
     text-decoration:none;
     color:#00405b;
     border:#00405b 3px solid;
     padding:10px 20px;
     border-radius:10px;
     margin-top:20px;
     }

     #showcase .button1:hover{
     background:#006d9b;
     color:#fff;
     }

     a.button {
     display: inline-block;
     }
      
      #section-a{
        padding:20px;
        background:#00405b;
        color:#fff;
        text-align:center; 
       }
      #section-b{
        padding:20px;
        background:#f4f4f4;
        text-align:center; 
       }
      #section-c{
      display:flex;
        }
        
        #section-c div{
        padding:20px
         }
        
        #section-c .box-1, #section-c .box-3{
        background:#00405b;
        color:#fff;
 }
        #section-c .box-2{
        background:#f9f9f9;
         }