@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Italic.woff2') format('woff2'),
        url('font/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Light.woff2') format('woff2'),
        url('font/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('font/Lato-Hairline.woff2') format('woff2'),
        url('font/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Bold.woff2') format('woff2'),
        url('font/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-BoldItalic.woff2') format('woff2'),
        url('font/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Black.woff2') format('woff2'),
        url('font/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Regular.woff2') format('woff2'),
        url('font/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-LightItalic.woff2') format('woff2'),
        url('font/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('font/Lato-BlackItalic.woff2') format('woff2'),
        url('font/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('font/Lato-HairlineItalic.woff2') format('woff2'),
        url('font/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


html {
    height: 100%;
    width: 100%;
    background: rgb(215,237,235);
    background: linear-gradient(0deg, rgba(215,237,235,1) 0%, rgba(173,218,215,1) 30%);
    font-family: 'Lato';
    color: #f5f5f5;
}
body {
    height: 100%;
    width: 100%;    
    background-image: url("img/bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

h1 {
    font-weight: 300;
    font-size: 3em;
}

p {
    margin: 1.5em 0 0.5em 0;
}

.div-center {
  width: 50%;
  top: 10%;
  left: 10%;
  padding: 10px;
  display: block;
  position: absolute;  
}

.t{
    text-shadow: 1px 1px #107379;
    font-size: 2em;    
}