.background-sky {
     background-color: #085ed6;
     /* background: linear-gradient(145deg,#1aafd0,#42a5f5); */
}
.hero {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: absolute;
     width: 100%;
     min-height: 480px;
     height: 80vh;
     max-height: 560px;
     box-sizing: border-box;
     padding: 48px 48px 32px;
     overflow: hidden;
     -webkit-transform: skewY(8deg);
     transform: skewY(8deg);
     -webkit-transform-origin: 100%;
     transform-origin: 100%;
     z-index: -1;
}
.container {
     background-color: white;
     padding: 30px;
}
.logo {
     width: 30%;
}