/*   
Theme Name: comingsoon
Theme URI: http://fahdos.com
Description: coming soon Theme
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800');


/* ==========================================================================
   Reset
   ========================================================================== */

* { padding: 0;margin: 0; box-sizing: border-box;}
html {height: 100%;font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline; }

[hidden], template {display: none;}

a {background: transparent;text-decoration: none; transition: all .2s ease-out; color: #1681a4;}
a:active, a:hover {color: #000;outline: 0;  transition: all .2s ease-out;}
ul {list-style: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
img {border: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],  input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer; }
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
textarea {overflow: auto;}
textarea, input { outline: none; }
table { border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
p { margin-bottom: 25px;}
::selection { background: #0085D2; color: #fff;}
fieldset { border: none;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.btn { border-radius: 5px; padding: 15px 60px; color: #fff; float: left; text-align: center; text-transform: uppercase; letter-spacing: 1px;
  background: linear-gradient(124deg, #1681a4, #2faf81, #1681a4, #2faf81, #1681a4, #2faf81, #1681a4, #2faf81, #1681a4, #2faf81);
background-size: 2000% 2000%;
-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
}
.btn:hover { color: #fff;
 }

h1, h2, h3, h4 {font-weight: 700;}

/* ==========================================================================
   General
   ========================================================================== */
body {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff; background: #B39CC1; overflow-x: hidden; line-height: 24px; margin: 0;}
.wrapper { height: 100vh; width: 100vw; overflow: hidden; display: flex; justify-content: center; align-items: center; align-content:center; }
p {color: #000;}