@import "https://fonts.googleapis.com/css2?family=Anton&family=Bungee+Shade&family=Playpen+Sans&display=swap";
body button,body a,html,body{font-family:Anton,sans-serif}html,body{font-size:18px}p{font-family:sans-serif}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none}li{list-style:none}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1080px;margin:0 auto}.font-white{color:#fff;font-weight:400}.iconLeft{margin-right:.5rem}.iconRight{margin-left:.5rem}.section{--diagonalSize:.75rem;display:flex;position:relative}.section--topClipped{margin-top:calc(-1*var(--diagonalSize));clip-path:polygon(0% calc(0% + var(--diagonalSize)), 100% 0, 100% 100%, 0 100%)}.section--topClipped:after{content:"";clip-path:polygon(0% 0%, 100% 0, 100% calc(100% - var(--diagonalSize)), 0 100%);height:calc(var(--diagonalSize)*2);background-color:#000;width:100%;position:absolute;top:0;left:0}.section__background{z-index:-1;background-color:#2980b9;position:absolute;inset:0}.section__background--extraSpace{top:var(--diagonalSize)}.section__background--white{background-color:#fff}.doubleBg{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.doubleBg img{width:100%;max-width:1080px}.section__title{color:#000;z-index:1;justify-content:space-between;width:100%;max-width:900px;margin:0 auto;display:flex;position:relative}.section__title>i,.section__title>span{z-index:1;text-transform:uppercase;background-color:#fff;border:.5rem solid #000;border-radius:5rem;padding:1rem 5rem;font-size:1.5rem;position:absolute;top:-2rem}.section__title>span{top:-3rem;right:0}.section__title>i{justify-content:center;padding:1rem 1.8rem;display:flex;left:0}.section__title--flipped>span{right:unset;top:-2.5rem;left:0}.section__title--flipped>i{top:-2.5rem;left:unset;right:0}.linesEffect--white{transform:scale(.85);margin-top:0!important}.linesEffect--white>div{background-color:#fff!important}.linesEffect{flex-direction:column;gap:1rem;margin:1.25rem 0 .75rem;transition:all 1s;display:flex}.linesEffect .linesEffect__3,.linesEffect .linesEffect__2,.linesEffect .linesEffect__1{background-color:#000;border-radius:1rem;margin:0 auto}.linesEffect__1{width:75%;height:.4rem;transition:all .5s .15s;transform:rotate(1deg)}.linesEffect__2{width:50%;height:.3rem;transition:all .5s .25s;transform:rotate(2deg)}.linesEffect__3{width:30%;height:.2rem;transition:all .5s .35s;transform:rotate(3deg)}.linesEffect--flipped{flex-direction:column-reverse;margin-top:.75rem}.linesEffect--flipped__1{transform:rotate(-1deg)}.linesEffect--flipped__2{transform:rotate(-2deg)}.linesEffect--flipped__3{transform:rotate(-3deg)}.linesImage .linesImage__img{object-fit:cover;background-color:#fff;border:.5rem solid #000;border-radius:1.5rem;width:25rem;height:15rem;transition:all .5s;position:relative;box-shadow:.75rem .75rem #000}.linesImage:hover .linesImage__img{transform:translateY(-.5rem);box-shadow:1rem 1.25rem #000}.linesImage:hover .linesEffect .linesEffect__3{transform:rotate(-3deg)translateY(.5rem)}.linesImage:hover .linesEffect .linesEffect__2{transform:rotate(-2deg)translateY(.5rem)}.linesImage:hover .linesEffect .linesEffect__1{transform:rotate(-1deg)translateY(.5rem)}.linesImage:hover .linesEffect--flipped .linesEffect__1{transform:rotate(-1deg)translateY(-.5rem)}.linesImage:hover .linesEffect--flipped .linesEffect__2{transform:rotate(-2deg)translateY(-.5rem)}.linesImage:hover .linesEffect--flipped .linesEffect__3{transform:rotate(-3deg)translateY(-.5rem)}.alert{z-index:10;color:#27ae60;text-transform:uppercase;opacity:0;background-color:#fff;border:.25rem solid #27ae60;border-radius:.5rem;min-width:20rem;padding:.75rem;transition:all .5s;position:fixed;top:.5rem;right:.5rem;transform:translateY(1rem);box-shadow:.25rem .25rem #27ae60}.alert--success{color:#27ae60;border:.25rem solid #27ae60;box-shadow:.25rem .25rem #27ae60}.alert--danger{color:#c0392b;border:.25rem solid #c0392b;box-shadow:.25rem .25rem #c0392b}.alert--show{opacity:1;transform:translateY(0)}.alert--hidden{opacity:0;transform:translateY(1rem)}@media (max-width:1130px){.container{max-width:90%}}@media (max-width:916px){.section__title{width:80%}}@media (max-width:500px){.section__title span,.section__title i{padding:1rem 1.5rem}.linesImage{width:90%}.linesImage .linesImage__img{width:100%}}
