.btn{background:transparent;position:relative;padding:15px;top:-30%;left:50%;transform:translate(-50%,-50%);color:#1ECD97;cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:3px;transition:all 500ms cubic-bezier(0.6,-0.28,0.735,0.045);border-radius:4px;font-weight:600;overflow:hidden;border:2px solid #1ECD97;text-decoration:none}
.btn:hover{background-color:rgba(127,255,212,0.168);color:#03ffaf}
.btn-progress{width:500px;color:transparent}
.btn-fill:after{content:'';background:#1ECD97;position:absolute;top:0;left:0;height:100%;width:100%;transform:scaleX(0);transform-origin:0;display:block;animation:fill 1.2s linear forwards}
.btn-complete{padding:10px;width:50px;color:#fff;pointer-events:none}
.btn-complete:after{font-family:FontAwesome;content:"\f00c";color:#fff;height:100%;padding-left:3px;position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:#1ECD97}
@keyframes fill {
from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
.curriculo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;width:100%;height:400px;left:0;top:60px;background-image:linear-gradient(to bottom,rgba(84,1,1,0.523),#000),url(/img/CurriculoDevFront-End.jpg);-webkit-background-position:top;background-position:top;-webkit-background-size:cover;background-size:cover}
.leftwidth{border:0;transition:all 1s linear;background:linear-gradient(red 0 0) left var(--e,100%) bottom 0 / var(--o,10%) 5px no-repeat,#ffffff00}
.leftwidth:hover{--e:0;--o:50%;transition:all 0.3s,background-size .3s .3s}
.fontLogo{width:150%;height:100%}
section .contato{justify-content:space-around}
@media screen and (max-width: 999px) {
.Logo{display:none}
}