@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import "center.css";
@import "weather.css";
@import "ToDo.css";
@import "greeting.css";

body {
    color: #ecf0f1;
    font-size: 40px;
    font-weight: bold;
    margin-top: 100px;
    top: 50%;
    font-family: "Open Sans", sans-serif;
  }

h1,
h4 {
    margin: 0;
}

input{
    color: #ecf0f1;
    font-weight: bold;
}

input::placeholder {
    color: #ecf0f1;
    font-weight: bold;
    text-align: center;
}

input:focus,
input:active {
  outline: none;
}

.h1Clock{
    margin-top: 50px;
    margin-bottom: 20px;
}


.h1Text{
      font-size: 100px;
}



.clicked {
      color: #7f8c8d;
}

.form,
.greetings{
      display: none;
}

.showing{
      display: block;
      font-size: 40px;
      margin-top: 0%;
}




@keyframes fadeIn{
    from{
          opacity: 0
    } to {
          opacity: 1;
    }
}

.bgImage{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    animation: fadeIn 0.6s linear;
}