* {
    margin: 0;
    padding: 0;
}

body {    

}

@font-face {
    font-family: 'Antonio';
    src: url('font/Antonio-Bold.eot');
    src: url('font/Antonio-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Antonio-Bold.woff2') format('woff2'),
        url('font/Antonio-Bold.woff') format('woff'),
        url('font/Antonio-Bold.ttf') format('truetype'),
        url('font/Antonio-Bold.svg#Antonio-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Antonio';
    src: url('font/Antonio-Regular.eot');
    src: url('font/Antonio-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Antonio-Regular.woff2') format('woff2'),
        url('font/Antonio-Regular.woff') format('woff'),
        url('font/Antonio-Regular.ttf') format('truetype'),
        url('font/Antonio-Regular.svg#Antonio-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.full {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("img/back.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #ED7229;
    background-blend-mode: multiply;
}

.content {
    width: 300px;
    height: 420px;    
    color: #fff;
    text-align: center;
}

svg {    
    margin: 0 0 30px 0;
    animation-duration: 1s;
    animation-name: slidedown;
}

@keyframes slidedown {
    from {
      margin-top: 100%;
      width: 300%;
      opacity: 0;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
      opacity:1;
    }
  }


.construcao {
    font-family: 'Antonio';
    font-weight: bold;
    font-size: 33px;
    margin-bottom: 20px;    
}

.texto {
    font-family: 'Antonio';
    font-weight: normal;
    font-size: 20px;
}