/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:25px;}
div { position:relative } 
a{color:#5378cf;text-decoration:none;}
a:hover{color:#5378cf;text-decoration:underline;}
a:active,a:focus{outline: none;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

h1{font-size: 42px; line-height:42px;}
h2{font-size:36px;line-height:36px;}
h3{font-size:30px;line-height:30px;}
h4{font-size:24px;line-height:24px;}
h5{font-size:18px;line-height:18px;}
h6{font-size:12px;line-height:12px;}
h1, h2{margin-bottom:12px;}
h3, h4, h5, h6{margin-bottom:6px;}
p{margin-bottom:12px;}
.column-clear{clear:both;}
.clear{overflow: hidden;}

/* END RESET STYLES */

/* Custom fonts */
@font-face {
   font-family: "Style Script", cursive;
   src: url('fonts/StyleScript-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Great Vibes", cursive;
    src: url('fonts/GreatVibes-Regular.ttf') format('truetype');
 }

 @font-face {
    font-family: "Neonderthaw", cursive;
    src: url('fonts/Neonderthaw-Regular.ttf') format('truetype');
 }

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    /* background-color: #f4f4f9; */
    color: #333;
}


.container {
    width: 80%;
/*    max-width: 800px;*/
    max-width: 1200px;
/*    margin: auto;*/
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

/*header {
    background: #252c4a;
    color: #fff;
    padding: 20px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

header h1 {
    font-size: 2rem;
    margin: 0;
}*/


/* Header Styles */



.header {
  background-color: #4567b7;
  color: #fff;
  text-align: center;
  padding: 10px;
}

.header nav ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#title-header {
  /* background-color: #4567b7; */
  color: #fff;
  text-align: center;
  /* padding: 40px; */
  margin: 100px;
}

#title-header h1{
  /* font-family: "Style Script", sans-serif; */
  /* font-family: "Great Vibes", sans-serif; */
  font-family: "Neonderthaw", sans-serif;
  /* font-weight: 700;  */
  font-size: 6.5em;
  font-style: normal;
  /* color: pink; */
/*  font-family: myFirstFont;*/
}

/* Hero Section Styles */

.hero-section {
  background-image: linear-gradient(to bottom, #4567b7, #fff);
  color: #333;
  padding: 100px 0;
  text-align: center;
}

.hero-section h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

.into-text {
    font-size: 20px;
    margin-bottom: 40px;
}

/* Tagline Section Styles */

.tagline-section {
  background-color: #f9f9f9;
  color: #333;
  padding: 100px 0;
  text-align: center;
}

.tagline-section h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

/* Countdown Timer Styles */

.countdown-timer {
  background-color: #fff;
  color: #333;
  padding: 50px 0;
  text-align: center;
}

main#coming-soon {
    padding-top: 100px; /* To avoid content being hidden behind the fixed header */
    padding-bottom: 50px;
}

main#coming-soon h2 {
    font-size: 3.5rem;
    margin-bottom: 20px;
}

main#coming-soon p {
    font-size: 1.5rem;
    margin-bottom: 40px;
}

form#email-form input[type="email"] {
    width: 80%;
    max-width: 400px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    margin-bottom: 20px;
}

form#email-form button {
    background: #e8491d;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
}

form#email-form button:hover {
    background: #c74018;
}

.countdown h3 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.countdown #timer {
    font-size: 2.5rem;
    color: #e8491d;
}

.countdown span {
    display: inline-block;
    min-width: 60px;
    text-align: center;
}

footer#footer {
    background: #4567b7;
    color: #fff;
/*    background-image: linear-gradient(to bottom, #4567b7, #fff);*/
/*    color: #333;*/
    text-align: center;
    padding: 5px 0;
/*    position: relative;*/
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}