@keyframes change-pic{0%{opacity:1}20%{opacity:1}25%{opacity:0}95%{opacity:0}100%{opacity:1}}body{position:relative}body .showreel{position:relative;height:70vh;width:100vw;background-color:black;display:flex;justify-content:center;align-items:center;overflow:hidden}body .showreel .blur-layer{position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;z-index:10;height:100%;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;color:white}@media screen and (max-width: 500px){body .showreel .blur-layer{justify-content:flex-start;padding-top:5rem}}body .showreel .blur-layer h1{font-size:5rem}@media screen and (max-width: 500px){body .showreel .blur-layer h1{font-size:3rem}}body .showreel .blur-layer h3{font-size:2rem;font-style:italic;color:rgba(255,255,255,0.8)}@media screen and (max-width: 500px){body .showreel .blur-layer h3{font-size:1.5rem}}body .showreel .bg-image{opacity:0;position:absolute;min-height:100%;min-width:100%;animation:change-pic 20s linear infinite}body .showreel .bg-image:nth-child(1n){animation-delay:-15s}body .showreel .bg-image:nth-child(2n){animation-delay:-10s}body .showreel .bg-image:nth-child(3n){animation-delay:-5s}body .showreel .bg-image:nth-child(4n){animation-delay:0s}body .showreel .img-wrapper{position:absolute;bottom:2rem;z-index:10000;height:fit-content;width:100%;text-align:center}body .showreel .img-wrapper h2{color:white;margin:0;margin-bottom:3rem}body .showreel .img-wrapper .languages{width:100%;height:fit-content;display:grid;justify-content:center;justify-items:center;color:white}body .showreel .img-wrapper .languages>*{opacity:1;grid-area:1/1;transition:all ease 300ms;width:100%;animation:move 10s infinite linear}@media screen and (max-width: 500px){body .showreel .img-wrapper .languages>* img{width:48px}}body .showreel .img-wrapper .languages .lang-wrap:nth-child(1n){animation-delay:-8.57143s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(2n){animation-delay:-7.14286s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(3n){animation-delay:-5.71429s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(4n){animation-delay:-4.28571s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(5n){animation-delay:-2.85714s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(6n){animation-delay:-1.42857s}body .showreel .img-wrapper .languages .lang-wrap:nth-child(7n){animation-delay:0s}body #black-layer{background-color:rgba(0,0,0,0.75);position:fixed;top:0;width:100vw;height:100vh;z-index:-10000;opacity:0;transition:300ms linear opacity}body #black-layer #info-popup{background-color:#e6e6e6;position:fixed;top:15vh;left:15vw;height:70vh;width:70vw;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;border-radius:20px}@media screen and (max-width: 900px){body #black-layer #info-popup{top:10vh;height:80vh}}body #black-layer #info-popup .close{position:absolute;top:20px;right:20px;width:48px;height:auto;cursor:pointer}@media screen and (max-width: 600px){body #black-layer #info-popup .close{width:32px;top:10px;right:10px}}body #black-layer #info-popup h1{color:#bd6565}@media screen and (max-width: 600px){body #black-layer #info-popup h1{font-size:1.5rem}}body #black-layer #info-popup .grid{display:grid;grid-template-columns:40% 40%;column-gap:5%;justify-content:center;align-items:center}@media screen and (max-width: 900px){body #black-layer #info-popup .grid{grid-template-columns:80%;gap:20px}}body #black-layer #info-popup .grid #info-para,body #black-layer #info-popup .grid .info .wrap p{font-size:1.5rem}@media screen and (max-width: 900px){body #black-layer #info-popup .grid #info-para,body #black-layer #info-popup .grid .info .wrap p{font-size:1.25rem}}@media screen and (max-width: 600px){body #black-layer #info-popup .grid #info-para,body #black-layer #info-popup .grid .info .wrap p{font-size:1rem}}body #black-layer #info-popup .grid .info{background-color:#d9d9d9;padding:2rem;border-radius:20px;box-shadow:#000000 0 5px 10px 0px}@media screen and (max-width: 500px){body #black-layer #info-popup .grid .info{padding:1rem}}body #black-layer #info-popup .grid .info .wrap{display:flex;justify-content:flex-start;align-items:center;gap:20px}body #black-layer #info-popup .grid .info .wrap img{width:64px;height:auto}@media screen and (max-width: 900px){body #black-layer #info-popup .grid .info .wrap img{width:32px}}body #black-layer #info-popup a{background-color:#bd6565;cursor:pointer;color:white;border-radius:20px;font-size:2rem;padding:0.5rem;border:solid black 1px;transition:150ms linear}@media screen and (max-width: 500px){body #black-layer #info-popup a{font-size:1.25rem}}body #black-layer #info-popup a:hover{transform:scale(1.05)}body .offers{display:flex;box-sizing:border-box;padding:2.5rem 0;width:100vw;flex-direction:column;align-items:center;color:#bd6565;background-image:linear-gradient(to bottom, #ececec, #e6e6e6)}body .offers h1{text-align:center}body .offers .offers-grid{margin-top:2.5rem;width:80%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}body .offers .offers-grid .single-offer{cursor:pointer;height:400px;width:300px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:10px;transition:175ms ease}body .offers .offers-grid .single-offer a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}body .offers .offers-grid .single-offer a .header{width:100%;height:50px;text-align:center;border-radius:10px;background-image:linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.75))}body .offers .offers-grid .single-offer a .header .place{margin:10px auto;text-transform:uppercase;color:white;width:fit-content}body .offers .offers-grid .single-offer a .info{border-radius:10px;width:100%;height:45%;box-sizing:border-box;padding:1.5rem;background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.75), #000);color:white}body .offers .offers-grid .single-offer a .info p{margin-top:12px;width:fit-content;border-radius:8px;text-align:center;padding:6px;background-color:#bd6565;color:white;font-style:italic;font-size:1.25rem}body .offers .offers-grid .single-offer:hover{transform:scale(1.01);box-shadow:rgba(0,0,0,0.8) 0px 0px 10px 1px}body .about-us{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100vw;box-sizing:border-box;padding:0 10%;color:white;background-image:url("images/about-us-background.png");background-position:center;background-attachment:fixed;background-size:cover}body .about-us .about-grid{display:grid;width:100%;height:80%;grid-template-columns:50% 50%}body .about-us .about-grid .junia-info{display:flex;flex-direction:column;justify-content:space-evenly}body .about-us .about-grid .junia-info .upper{text-align:justify;font-size:1.75rem}body .about-us .about-grid .junia-info .lower{text-align:justify;text-align-last:center;font-size:1.75rem;font-style:italic}@media screen and (max-width: 500px){body .about-us .about-grid .junia-info .upper,body .about-us .about-grid .junia-info .lower{font-size:1.5rem;text-align:center}}body .about-us .about-grid .image-carousel{width:100%;display:grid;justify-content:center;justify-items:center;align-items:center}body .about-us .about-grid .image-carousel img{grid-area:1/1;height:auto;width:80%;border-radius:20px}@media screen and (max-width: 1200px){body .about-us .about-grid{grid-template-columns:auto}body .about-us .about-grid .image-carousel{display:none}}body .certificates{display:flex;width:100vw;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;color:#bd6565;height:fit-content;padding:4rem 10%;gap:2rem}body .certificates .info{height:70%;width:100%;display:flex;justify-content:space-around;align-items:center}@media screen and (max-width: 1200px){body .certificates .info{flex-direction:column;gap:2rem}}body .certificates .info .wrapper{text-align:center}body .certificates .info .wrapper img{max-width:450px;height:100px;margin-bottom:1rem}@media screen and (max-width: 500px){body .certificates .info .wrapper img{max-width:300px;height:auto}}body .certificates .info .wrapper h4{font-style:italic}