@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Nunito+Sans:wght@500;700&family=Roboto:wght@400;500;700&display=swap');


*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #f5f5f4;
}

h1 { font-size: 2.5em; color: #222222; }
h3 { font-size: 1.17em; color: #222222;}

#inside {
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-transform: uppercase;
background-color: #f5f5f4;
margin-bottom: 0.125em;
position: relative;
animation: ani 5s;
}

.content {
display: flex;
justify-content: center;
align-items: center;
}

#logo {
font-family: 'Nunito Sans', sans-serif;
font-weight: 700;
}

#logoimg {
width: auto;
height: 1.25em;
padding-right: 0.25em;
}
#dot {
color: #2196F3;
}
#dot2 {
color: #FFC107;
}

.container {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

@keyframes ani {
  0% {
    margin-bottom: -40px;
  }
  30%{
    letter-spacing: 1.5rem;
    margin-bottom: -40px;
  }
  85%{
    letter-spacing: 0.15rem;
    margin-bottom: -40px;
  }


@media screen and (min-width: 375px)
{ 

h1 { font-size: 1.17em; color: #222222; }
h3 { font-size: 1em; color: #222222;}

}