@import "https://fonts.googleapis.com/css2?family=Gloock&family=Golos+Text&display=swap";html,body{margin:0;padding:0;color:#000}body{background:#d6d6d6;font-family:golos text,sans-serif;display:flex;justify-content:center;flex-direction:column;min-height:100vh}h1{font-family:gloock,serif;font-weight:400}h2{font-family:gloock,serif;font-weight:500;font-size:2.5rem}a{text-decoration:none;color:#000;border-bottom:2px solid #000}main a,footer a{transition:ease-in-out .2s}main a:hover,footer a:hover{color:#a1a1a1;border-bottom:3px solid #a1a1a1}header{display:flex;align-items:center;min-height:50px;margin:10px}header>div{display:flex;align-items:center;width:100%;margin-top:0;margin-right:auto;margin-left:auto}header>div>div{margin-right:auto;margin-left:10px;color:#000;font-weight:600}header>div>div a{border:0}header>div nav{padding:0}header>div nav ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}header>div nav ul li{position:relative;white-space:nowrap;padding:10px 0 10px 12px;display:list-item}header>div nav ul li a{border:0;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;transition:.3s;position:relative;text-decoration:none}header>div nav ul li a::before{content:"";position:absolute;width:0;height:2px;bottom:-6px;left:0;background-color:#000;visibility:hidden;transition:all .3s ease-in-out 0s}header>div nav ul li a:hover::before{visibility:visible;width:100%}header>div a.buy-tickets{color:#000;background:#a1a1a1;padding:7px 22px;margin:0 0 0 15px;border-radius:50px;transition:all ease-in-out .3s;font-weight:500;line-height:1;font-size:13px;white-space:nowrap;text-decoration:none;border:0}header>div a.buy-tickets:hover{border-bottom:2.5px solid #000}main{flex-grow:1;display:flex;flex-direction:column}main#hero{display:flex;flex-direction:column}main#hero section.title{min-height:40vh;padding-top:10vh;text-align:center;margin:auto}main#hero section.title h1{font-size:90px;margin-bottom:0}@media screen and (max-width:1000px){main#hero section.title h1{color:transparent;font-size:0}}main#hero section.title h1 span{color:#a1a1a1}@media screen and (max-width:1000px){main#hero section.title h1 span{font-size:90px}main#hero section.title h1 span::before{display:block;content:"Ples";color:#000}}main#hero section.title p{font-size:25px}main#hero section.title a{text-decoration:none;border-radius:7.5px;padding:10px;color:#fff;background-color:#000;font-size:20px;transition:all ease-in-out .2s;border:0}main#hero section.title a:hover{color:#000;background-color:#a1a1a1;padding:11px;border-bottom:2px solid #000}main#hero section.about{min-height:33vh;width:90vw;flex-grow:1;margin:5vh auto;display:grid;grid-template-columns:1.5fr 2fr}@media screen and (max-width:1000px){main#hero section.about{grid-template-columns:1fr;grid-template-rows:1fr 2fr;margin-top:55px}}main#hero section.about>div{display:flex;flex-direction:column;align-content:center;justify-content:center}main#hero section.about div.date{text-align:center}main#hero section.about div.date h2{font-size:66px;font-family:gloock,serif;font-weight:500;margin:5px}main#hero section.about div.date h2:nth-child(1){font-size:44px;margin:0}main#hero section.about div.description{text-align:justify}main#hero section.about div.description p{margin:auto;font-size:22px}main section.title{min-height:10vh;text-align:center}main section.title h1{font-size:66px;margin-bottom:auto}main section.title p{font-size:22px;margin-top:auto}main section.content{margin:auto;max-width:77vw;text-align:justify;flex-grow:1}main section .program>div{display:grid;grid-template-columns:1fr 4fr;grid-template-areas:"time title";justify-items:stretch;margin:1.5vh 1vw;font-size:1.65rem}@media screen and (max-width:512px){main section .program>div{font-size:1.25rem}}main section .program>div span.time{grid-area:time;font-family:gloock,serif;font-weight:600;text-align:right;padding:0;padding-right:10px;margin:auto 0}main section .program>div span.title{grid-area:title;text-align:left;padding:0;margin:auto 0}@media screen and (max-width:1000px){main section .people h2{font-size:2rem}}main section .people>div{display:grid;grid-template-rows:25% 50% 25%;grid-template-columns:20% 80%;grid-template-areas:"photo name" "photo description" "photo mail";align-items:stretch;justify-content:stretch;margin-bottom:5vh}@media screen and (max-width:1000px){main section .people>div{grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"photo" "name" "description" "mail"}}main section .people>div .photo{grid-area:photo;justify-self:center;margin:0;width:100%;display:flex;justify-content:center}main section .people>div .photo img{border-radius:50%;border:5px solid #000;max-width:75%;object-fit:cover}main section .people>div .name{grid-area:name;font-family:gloock,serif;font-weight:500;font-size:2rem;margin-top:auto;margin-bottom:0}@media screen and (max-width:1000px){main section .people>div .name{font-size:1.75rem}}main section .people>div .description{grid-area:description;max-width:66%;margin:0}@media screen and (max-width:1000px){main section .people>div .description{max-width:100%}}@media screen and (max-width:600px){main section .people>div .description{margin:20px auto}}main section .people>div .mail{display:flex}main section .people>div .mail a{grid-area:mail;color:#fff;border:0;background-color:#000;border-radius:5px;padding:10px;transition:.3s;margin:auto;margin-left:0}main section .people>div .mail a:hover{color:#000;background-color:#a1a1a1;border-right:2px solid #000;border-bottom:3px solid #000}footer{text-align:center}footer p{padding:10px;margin:0}