#main-screen{--scroll-button-height: 110px;width:100%;height:calc(100vh - var(--nav-height));overflow-y:hidden;display:grid;justify-items:center;align-items:center;grid-template-rows:1fr 1fr 110px;grid-template-columns:1fr}@media(min-width:750px){#main-screen{grid-template-rows:1fr 110px;grid-template-columns:1fr 1fr}}#landing-image{width:200px;height:200px;border-radius:30px;object-fit:cover}#welcome-text{height:90%;line-height:1.3}#welcome-text{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:start}#welcome-text>h1{font-weight:400;margin:0}@media(min-width:500px){#landing-image{border-radius:50px}#landing-image,#welcome-text{width:300px;height:300px}}@media(min-width:750px){#welcome-text{align-self:auto}}@media(min-width:1000px){#landing-image,#welcome-text{width:400px;height:400px}}.welcome-text-inline-button{border:none;padding:0;display:inline;font-size:inherit;background:none;color:var(--accent-text-color);text-decoration:underline}.welcome-text-inline-button:hover,.welcome-text-inline-button:focus{color:#9eb7a1}#main-screen-contact{background-color:var(--primary-color);border:2px solid var(--accent-color);font-size:1.2rem;padding:10px 20px;border-radius:5px;align-self:flex-end}#main-screen-contact:hover,#main-screen-contact:focus{background-color:var(--accent-color);color:#fff}@media(min-width:750px){#main-screen-contact{align-self:auto}}#main-scroll-down{--animation-speed: 3s;background:transparent;bottom:0;left:calc(50% - 120px);width:240px;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;margin-bottom:10px}@media(min-width:750px){#main-scroll-down{grid-column:1 / 3}}#main-scroll-down>svg{height:60px}#main-scroll-down>svg>path:nth-child(1){animation:arrow-animation-3 infinite var(--animation-speed) linear}#main-scroll-down>svg>path:nth-child(2){animation:arrow-animation-2 infinite var(--animation-speed) linear}#main-scroll-down>svg>path:nth-child(3){animation:arrow-animation-1 infinite var(--animation-speed) linear}#main-scroll-down:hover>svg>path,#main-scroll-down:focus>svg>path{animation:none}@keyframes arrow-animation-1{0%{opacity:1}30%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes arrow-animation-2{0%{opacity:1}20%{opacity:1}40%{opacity:0}65%{opacity:0}to{opacity:1}}@keyframes arrow-animation-3{0%{opacity:1}40%{opacity:1}50%{opacity:0}80%{opacity:0}to{opacity:1}}#main-scroll-down>p{font-size:.8rem;white-space:nowrap;margin:0}#article-showcase-wrapper{padding-top:50px;background-color:var(--accent-color);padding-bottom:50px;display:flex;flex-direction:column;align-items:center}#article-showcase-wrapper>h1{margin-bottom:50px;color:#fff;letter-spacing:1px}.article-showcase-cards{display:grid;grid-template-columns:repeat(3,300px);gap:50px;width:100%;box-sizing:border-box;overflow:auto;scroll-snap-type:x mandatory;padding:0px calc((100% - 1000px)/2);padding-bottom:25px}@media(max-width:1050px){.article-showcase-cards{padding:0 50px 25px}}@media(max-width:500px){.article-showcase-cards{padding:0 25px 25px;gap:25px}}.article-showcase-card{width:300px;height:400px;border-radius:50px;box-sizing:border-box;padding:40px 30px;position:relative;background-color:#bdeebc;scroll-snap-align:center;color:#000}@media(max-width:500px){.article-showcase-card{height:450px}}.article-showcase-card>img{width:120px;height:120px;object-fit:contain;background-color:#fff;border-radius:20px;padding:30px;margin-left:30px}.article-showcase-card>h2{font-size:20px}.article-showcase-card-more-link{color:var(--accent-color);text-decoration:none;position:absolute;right:30px;bottom:40px;font-weight:600}.article-showcase-card-more-link:hover,.article-showcase-card-more-link:focus{text-decoration:underline}.article-showcase-more-card-link{font-size:22px;color:var(--accent-color);text-decoration:none;align-items:center;justify-content:center;display:flex;width:min(500px,calc(100% - 50px));grid-column:1/4;height:60px;border-radius:20px;padding:0;margin-top:25px;transition:var(--out-transition)}.article-showcase-more-card-link:hover,.article-showcase-more-card-link:focus{transform:scale(1.05);border-radius:30px;transition:var(--in-transition)}#introduction-wrapper{background-color:var(--second-accent-color);width:80%;margin-left:10%;margin-top:50px;border-radius:50px;display:flex;flex-direction:row;min-height:350px}@media(max-width:1000px){#introduction-wrapper{width:90%;margin-left:5%}}@media(max-width:800px){#introduction-wrapper{width:100%;margin-left:0;border-radius:0}}@media(max-width:570px){#introduction-wrapper{flex-direction:column;height:100%;padding-bottom:40px}}#introduction-left{width:50%;box-sizing:border-box;padding-left:50px;padding-top:10px;padding-bottom:20px;color:var(--text-color)}@media(max-width:650px){#introduction-left{padding-left:25px}}@media(max-width:570px){#introduction-left{width:100%;padding:0 25px}}#introduction-left>h1{color:var(--accent-text-color)}#introduction-social-media{display:flex;flex-direction:row;gap:20px;margin-bottom:30px;margin-top:30px}@media(max-width:570px){#introduction-social-media{justify-content:center}}#introduction-right{width:50%;position:relative;display:flex;flex-direction:column;align-items:end;justify-content:space-between;box-sizing:border-box;padding:40px 50px 40px 0}@media(max-width:650px){#introduction-right{padding-right:25px}}@media(max-width:570px){#introduction-right{width:100%;padding:0 25px;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin-top:20px}}.introduction-button{width:200px;height:50px;font-size:20px;text-align:start;border-radius:15px;padding:0 10px;box-sizing:border-box;border:solid 2px var(--accent-text-color);color:#fff;background-color:transparent;color:var(--accent-text-color);text-decoration:none;line-height:46px}.introduction-button:hover,.introduction-button:focus{background-color:var(--accent-text-color);color:#fff}@media(max-width:570px){.introduction-button{text-align:center}}#introduction-button-pretext{position:absolute;height:50px;display:flex;align-items:center;font-size:20px;right:260px;transition:.2s;transition-delay:.3s;opacity:0;color:var(--accent-text-color);margin:0;top:40px}@media(max-width:800px){#introduction-button-pretext{display:none}}.introduction-button:hover~#introduction-button-pretext,.introduction-button:focus~#introduction-button-pretext{transition-delay:0s;transition:.3s;opacity:1;transform:translateY(0)}.introduction-button:nth-child(2):hover~#introduction-button-pretext,.introduction-button:nth-child(2):focus~#introduction-button-pretext{top:calc((100% - 280px) / 3 + 90px)}.introduction-button:nth-child(3):hover~#introduction-button-pretext,.introduction-button:nth-child(3):focus~#introduction-button-pretext{top:calc((100% - 280px) * 2 / 3 + 140px)}.introduction-button:nth-child(4):hover~#introduction-button-pretext,.introduction-button:nth-child(4):focus~#introduction-button-pretext{top:calc(100% - 90px)}@media(max-width:800px){.introduction-button:nth-child(2):hover~#introduction-button-pretext,.introduction-button:nth-child(2):focus~#introduction-button-pretext{transform:translateY(110px)}.introduction-button:nth-child(3):hover~#introduction-button-pretext,.introduction-button:nth-child(3):focus~#introduction-button-pretext{transform:translateY(220px)}.introduction-button:nth-child(4):hover~#introduction-button-pretext,.introduction-button:nth-child(4):focus~#introduction-button-pretext{transform:translateY(330px)}}