diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index e5587d2..54a9478 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -1,11 +1,11 @@ name: CI -on: - push: - branches: - - main - schedule: - - cron: "0 22 * * *" +#on: + #push: + #branches: + #- main + #schedule: + #- cron: "0 22 * * *" jobs: build: diff --git a/docs/index.082eeb8d.css b/docs/index.082eeb8d.css new file mode 100644 index 0000000..605939e --- /dev/null +++ b/docs/index.082eeb8d.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}[type=button]:-moz-focusring{outline:1px dotted ButtonText}[type=reset]:-moz-focusring{outline:1px dotted ButtonText}[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizelegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;width:100%;height:100vh;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;padding-right:var(--gap--m);width:50%;height:2rem;display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:-moz-fit-content;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;height:-moz-fit-content;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.082eeb8d.css.map */ diff --git a/docs/index.082eeb8d.css.map b/docs/index.082eeb8d.css.map new file mode 100644 index 0000000..6cf9326 --- /dev/null +++ b/docs/index.082eeb8d.css.map @@ -0,0 +1 @@ +{"mappings":"AE6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,iHAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,yLAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,oEAGA,sEAGA,6DAIJ,gDAGF,2RAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,mKC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,yKASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGEzaF,2BAGA","sources":["index.082eeb8d.css","src/assets/sass/mobile.sass","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/main/abstract/_mixins.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizelegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: -moz-fit-content;\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n width: 100%;\n height: 100vh;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n padding-right: var(--gap--m);\n width: 50%;\n height: 2rem;\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n height: -moz-fit-content;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n\n/*# sourceMappingURL=index.082eeb8d.css.map */\n","@import \"main/main\"\n\n@import \"mobile/base/typography\"\n\n@import \"mobile/layout/header\"\n@import \"mobile/layout/footer\"\n@import \"mobile/layout/layouts\"\n\n@import \"mobile/pages/home\"\n\n@import \"mobile/base/base\"\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n","@mixin bg-img($img, $size: cover, $position: center)\n background:\n image: url($img)\n size: $size\n position: $position\n repeat: no-repeat\n\n@mixin grid-layout-main($direction: left)\n display: grid\n @if $direction == right\n grid-template-columns: 7fr 13fr\n @else\n grid-template-columns: 13fr 7fr\n\n@mixin center-h\n margin:\n left: auto\n right: auto\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.082eeb8d.css.map"} \ No newline at end of file diff --git a/docs/index.16001e21.css b/docs/index.16001e21.css new file mode 100644 index 0000000..d1e3ec6 --- /dev/null +++ b/docs/index.16001e21.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizelegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:5rem;font-weight:700;line-height:1.1}.text--title--m{font-size:3rem;font-weight:700;line-height:1.25}.text--title--s{font-size:1.5rem;font-weight:500}.header{z-index:90;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.header:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;width:100vw;height:100%;transition:all .3s ease-in-out;display:block;position:absolute;top:0}.header__main{margin-right:auto}.header__main--link>.desktop-view{opacity:0;justify-content:center;align-items:center;height:2.75rem;transition:opacity .3s ease-in-out;display:flex}.header__main--link>.desktop-view>img{object-fit:contain;object-position:left;height:100%}.header__nav{margin-left:auto}.header__nav--list{color:#fff;grid-auto-flow:column;align-items:center;column-gap:1rem;width:max-content;display:grid}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header.main:before{background-color:#ffffff80}.header.main .header__main--link>.desktop-view{opacity:1}.header.main .text--link--highlight{color:#252525}.header.main .text--link--highlight:before{background-color:#252525}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:-moz-fit-content;min-height:fit-content;max-height:70rem;padding-top:7.5rem;padding-bottom:7.5rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer>section{grid-template-columns:repeat(2,1fr);display:grid}.footer>section>p:last-child{justify-self:right}.footer__logo{grid-column:1/3;row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.grid-layout--with-photo{gap:var(--gap--m);grid-template-columns:13fr 7fr;display:grid}.grid-layout--with-photo.right{grid-template-columns:7fr 13fr;display:grid}.grid-layout--with-photo__info{align-self:center;gap:1rem;height:-moz-fit-content;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{object-fit:cover;object-position:center}.home--hero{background-image:url(hero-desktop.3995ebbd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:grid}.home--hero__heading{width:calc(100% - var(--gap--m)*2);row-gap:1rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:1rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:7.5rem}.events__all{background-color:#fd7400;outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-top:var(--gap--m);padding-bottom:var(--gap--m);grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location"}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;grid-template:"hgroup image"1fr"link image"/2fr 1fr;gap:2rem;margin-top:7.5rem;margin-bottom:7.5rem;padding:2rem;display:grid;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:150px;height:150px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-70px;right:69px}.no-event__hgroup{grid-area:hgroup}.no-event__title{margin-bottom:2rem}.no-event__wrap-image{background-color:#fff;grid-area:image}.no-event__image{object-fit:cover;object-position:right bottom;width:100%;height:100%;transform:translate(1.5rem)}.no-event__wrap-link{grid-area:link}.community,.python{margin-top:7.5rem}.python__definition{row-gap:1rem;max-width:853.333px;margin-left:auto;margin-right:auto;display:grid}.pros{background-color:#f6f4f1;margin-top:7.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}.pros__list>li{row-gap:1rem;display:grid}.faqs{margin-top:7.5rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{justify-content:center;align-items:center;column-gap:3.5rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;max-width:17rem;height:6rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{grid-template-columns:repeat(2,1fr);margin-top:7.5rem;display:grid}.newsletter__content{color:#fff;background-color:#252525;row-gap:.75rem;padding:2rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;text-decoration-thickness:1px;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:7.5rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;border-left:1px solid #252525;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}.contact__social-media--item{border-right:1px solid #252525}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(1rem)scale(1.5)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.contact__email{padding-top:3.5rem;padding-bottom:3.5rem}.mobile-view{display:none} +/*# sourceMappingURL=index.16001e21.css.map */ diff --git a/docs/index.16001e21.css.map b/docs/index.16001e21.css.map new file mode 100644 index 0000000..ba2afa3 --- /dev/null +++ b/docs/index.16001e21.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,iHAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,iDCVA,kLAcE,gMAWA,gCAGE,qJAQE,0FAOJ,8BAGE,sHAQF,qKASE,6DAMA,+CAGA,yDAGA,kDAGE,oEAGN,iKCjFA,yFAOE,iEAIE,gDAGF,mHAQE,+IAWA,6BCjCJ,uFAIE,2EAGA,kHAMA,6CAGE,4EChBJ,0LAKE,kFAKE,0DAIA,+CAGJ,0BAGE,6FAKE,sDAIE,uGAIE,4DAGF,2DAKF,gPAQE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,mLAYE,gUAiBA,mCAEA,oCAEA,4DAGA,kHAMA,oCAIF,qCAOE,qGAOF,0FAOE,6EAKE,yCAKJ,wBAKI,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAKR,wDAKE,yFAMA,iIASE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+EAKE,kGAOE,oKAMA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,iEAKE,wFAME,iDAIF,4KASE,4DAGE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,6GAGN,0EAKE,+EAKF,wFAMA,yDC3ZF","sources":["index.16001e21.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/desktop/base/_typography.sass","src/assets/sass/desktop/layout/_header.sass","src/assets/sass/desktop/layout/_footer.sass","src/assets/sass/desktop/layout/_layouts.sass","src/assets/sass/desktop/pages/_home.sass","src/assets/sass/desktop/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizelegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.5rem;\n font-weight: 500;\n}\n\n.header {\n z-index: 90;\n justify-content: center;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header:before {\n content: \"\";\n backdrop-filter: blur(10px);\n z-index: -1;\n width: 100vw;\n height: 100%;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n top: 0;\n}\n\n.header__main {\n margin-right: auto;\n}\n\n.header__main--link > .desktop-view {\n opacity: 0;\n justify-content: center;\n align-items: center;\n height: 2.75rem;\n transition: opacity .3s ease-in-out;\n display: flex;\n}\n\n.header__main--link > .desktop-view > img {\n object-fit: contain;\n object-position: left;\n height: 100%;\n}\n\n.header__nav {\n margin-left: auto;\n}\n\n.header__nav--list {\n color: #fff;\n grid-auto-flow: column;\n align-items: center;\n column-gap: 1rem;\n width: max-content;\n display: grid;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header.main:before {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--link > .desktop-view {\n opacity: 1;\n}\n\n.header.main .text--link--highlight {\n color: #252525;\n}\n\n.header.main .text--link--highlight:before {\n background-color: #252525;\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer > section {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.footer > section > p:last-child {\n justify-self: right;\n}\n\n.footer__logo {\n grid-column: 1 / 3;\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.grid-layout--with-photo {\n gap: var(--gap--m);\n grid-template-columns: 13fr 7fr;\n display: grid;\n}\n\n.grid-layout--with-photo.right {\n grid-template-columns: 7fr 13fr;\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n object-fit: cover;\n object-position: center;\n}\n\n.home--hero {\n background-image: url(\"hero-desktop.3995ebbd.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n width: calc(100% - var(--gap--m) * 2);\n row-gap: 1rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: 1rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 7.5rem;\n}\n\n.events__all {\n background-color: #fd7400;\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n grid-template: \"hgroup image\" 1fr\n \"link image\"\n / 2fr 1fr;\n gap: 2rem;\n margin-top: 7.5rem;\n margin-bottom: 7.5rem;\n padding: 2rem;\n display: grid;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 150px;\n height: 150px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n top: -70px;\n right: 69px;\n}\n\n.no-event__hgroup {\n grid-area: hgroup;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n grid-area: image;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: right bottom;\n width: 100%;\n height: 100%;\n transform: translateX(1.5rem);\n}\n\n.no-event__wrap-link {\n grid-area: link;\n}\n\n.community, .python {\n margin-top: 7.5rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n max-width: 853.333px;\n margin-left: auto;\n margin-right: auto;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n.pros__list > li {\n row-gap: 1rem;\n display: grid;\n}\n\n.faqs {\n margin-top: 7.5rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n justify-content: center;\n align-items: center;\n column-gap: 3.5rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n max-width: 17rem;\n height: 6rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n grid-template-columns: repeat(2, 1fr);\n margin-top: 7.5rem;\n display: grid;\n}\n\n.newsletter__content {\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n padding: 2rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n text-decoration-thickness: 1px;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n border-left: 1px solid #252525;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n.contact__social-media--item {\n border-right: 1px solid #252525;\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(1rem)scale(1.5)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.contact__email {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.mobile-view {\n display: none;\n}\n/*# sourceMappingURL=index.16001e21.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 5rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 3rem\n font-weight: 700\n line-height: 1.25\n\n.text--title--s\n font-size: 1.5rem\n font-weight: 500\n",".header\n position: fixed\n top: 0\n left: 0\n right: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n display: flex\n justify-content: center\n align-items: center\n z-index: 90\n transition: $transition--main\n\n &::before\n content: \"\"\n display: block\n position: absolute\n top: 0\n height: 100%\n width: 100vw\n backdrop-filter: blur(10px)\n z-index: -1\n transition: $transition--main\n\n &__main\n margin-right: auto\n\n &--link > .desktop-view\n display: flex\n height: 2.75rem\n justify-content: center\n align-items: center\n opacity: 0\n transition: opacity $transition--main\n\n & > img\n height: 100%\n object:\n fit: contain\n position: left\n\n\n &__nav\n margin-left: auto\n\n &--list\n display: grid\n grid-auto-flow: column\n column-gap: $gap--s\n align-items: center\n width: max-content\n color: $color--white\n\n &__contact\n position: relative\n display: flex\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &.main\n\n &::before\n background-color: rgba($color--white, .5)\n\n .header__main--link > .desktop-view\n opacity: 1\n\n .text--link--highlight\n color: $color--black\n\n &::before\n background-color: $color--black\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n & > section\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n & > p:last-child\n justify-self: right\n\n &__logo\n position: relative\n grid-column: 1 / 3\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n",".grid-layout--with-photo\n @include grid-layout-main\n gap: var(--gap--m)\n\n &.right\n @include grid-layout-main(right)\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n\n &__photo\n display: flex\n\n & > img\n object:\n fit: cover\n position: center\n",".home--hero\n display: grid\n align-items: flex-end\n @include bg-img(\"../img/hero-desktop.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--s\n width: calc(100% - var(--gap--m) * 2)\n\n &--logo\n width: 10rem\n margin-bottom: $gap--s\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n.events\n margin-top: $gap--xxl\n\n &__all\n background-color: $color--orange\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n padding:\n left: var(--gap--m)\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n display: grid\n grid-template-columns: 2fr 1fr\n grid-template-rows: 1fr auto\n grid-template-areas: \"hgroup image\" \"link image\"\n gap: $gap--m\n background-color: $color--orange\n padding: $gap--m\n position: relative\n margin:\n top: $gap--xxl\n bottom: $gap--xxl\n &::after\n $size: 150px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n top: -70px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__hgroup\n grid-area: hgroup\n &__title\n margin-bottom: $gap--m\n &__wrap-image\n grid-area: image\n background-color: $color--white\n &__image\n width: 100%\n height: 100%\n object-fit: cover\n object-position: right bottom\n transform: translatex(1.5rem)\n &__wrap-link\n grid-area: link\n\n// Comunidad\n.community\n margin-top: $gap--xxl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xxl\n\n &__definition\n display: grid\n row-gap: $gap--s\n max-width: $small-width\n @include center-h\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xxl\n background-color: $color--grey\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n & > li\n display: grid\n row-gap: $gap--s\n\n// Preguntas frecuentes\n.faqs\n margin-top: $gap--xxl\n\n &__all\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n justify-content: center\n align-items: center\n column-gap: $gap--l\n\n &__link\n display: flex\n align-items: center\n height: 6rem\n width: 100%\n max-width: 17rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n display: grid\n grid-template-columns: repeat(2, 1fr)\n margin-top: $gap--xxl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n text-decoration-thickness: 1px\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xxl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n border-left: $border--main $color--black\n\n &--item\n border-right: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(1rem) scale(1.5) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n\n &__email\n padding:\n top: $gap--l\n bottom: $gap--l\n",".mobile-view\n display: none\n"],"names":[],"version":3,"file":"index.16001e21.css.map"} \ No newline at end of file diff --git a/docs/index.29225de1.css b/docs/index.29225de1.css new file mode 100644 index 0000000..a0e7994 --- /dev/null +++ b/docs/index.29225de1.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}[type=button]:-moz-focusring{outline:1px dotted ButtonText}[type=reset]:-moz-focusring{outline:1px dotted ButtonText}[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizelegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:5rem;font-weight:700;line-height:1.1}.text--title--m{font-size:3rem;font-weight:700;line-height:1.25}.text--title--s{font-size:1.5rem;font-weight:500}.header{z-index:90;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.header:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;width:100vw;height:100%;transition:all .3s ease-in-out;display:block;position:absolute;top:0}.header__main{margin-right:auto}.header__main--link>.desktop-view{opacity:0;justify-content:center;align-items:center;height:2.75rem;transition:opacity .3s ease-in-out;display:flex}.header__main--link>.desktop-view>img{object-fit:contain;object-position:left;height:100%}.header__nav{margin-left:auto}.header__nav--list{color:#fff;grid-auto-flow:column;align-items:center;column-gap:1rem;width:max-content;display:grid}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header.main:before{background-color:#ffffff80}.header.main .header__main--link>.desktop-view{opacity:1}.header.main .text--link--highlight{color:#252525}.header.main .text--link--highlight:before{background-color:#252525}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:-moz-fit-content;min-height:fit-content;max-height:70rem;padding-top:7.5rem;padding-bottom:7.5rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer>section{grid-template-columns:repeat(2,1fr);display:grid}.footer>section>p:last-child{justify-self:right}.footer__logo{grid-column:1/3;row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.grid-layout--with-photo{gap:var(--gap--m);grid-template-columns:13fr 7fr;display:grid}.grid-layout--with-photo.right{grid-template-columns:7fr 13fr;display:grid}.grid-layout--with-photo__info{align-self:center;gap:1rem;height:-moz-fit-content;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{object-fit:cover;object-position:center}.home--hero{background-image:url(hero-desktop.3995ebbd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:grid}.home--hero__heading{width:calc(100% - var(--gap--m)*2);row-gap:1rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:1rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:7.5rem}.events__all{background-color:#fd7400;outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-top:var(--gap--m);padding-bottom:var(--gap--m);grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location"}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;grid-template:"hgroup image"1fr"link image"/2fr 1fr;gap:2rem;margin-top:7.5rem;margin-bottom:7.5rem;padding:2rem;display:grid;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:150px;height:150px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-70px;right:69px}.no-event__hgroup{grid-area:hgroup}.no-event__title{margin-bottom:2rem}.no-event__wrap-image{background-color:#fff;grid-area:image}.no-event__image{object-fit:cover;object-position:right bottom;width:100%;height:100%;transform:translate(1.5rem)}.no-event__wrap-link{grid-area:link}.community,.python{margin-top:7.5rem}.python__definition{row-gap:1rem;max-width:853.333px;margin-left:auto;margin-right:auto;display:grid}.pros{background-color:#f6f4f1;margin-top:7.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}.pros__list>li{row-gap:1rem;display:grid}.faqs{margin-top:7.5rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{justify-content:center;align-items:center;column-gap:3.5rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;max-width:17rem;height:6rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{grid-template-columns:repeat(2,1fr);margin-top:7.5rem;display:grid}.newsletter__content{color:#fff;background-color:#252525;row-gap:.75rem;padding:2rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;text-decoration-thickness:1px;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:7.5rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;border-left:1px solid #252525;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}.contact__social-media--item{border-right:1px solid #252525}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(1rem)scale(1.5)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.contact__email{padding-top:3.5rem;padding-bottom:3.5rem}.mobile-view{display:none} +/*# sourceMappingURL=index.29225de1.css.map */ diff --git a/docs/index.29225de1.css.map b/docs/index.29225de1.css.map new file mode 100644 index 0000000..61da031 --- /dev/null +++ b/docs/index.29225de1.css.map @@ -0,0 +1 @@ +{"mappings":"AE6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,iHAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,iDCVA,kLAcE,gMAWA,gCAGE,qJAQE,0FAOJ,8BAGE,sHAQF,qKASE,6DAMA,+CAGA,yDAGA,kDAGE,oEAGN,iKCjFA,yFAOE,iEAIE,gDAGF,mHAQE,+IAWA,6BCjCJ,uFAIE,2EAGA,kHAMA,6CAGE,4EEhBJ,0LAKE,kFAKE,0DAIA,+CAGJ,0BAGE,6FAKE,sDAIE,uGAIE,4DAGF,2DAKF,gPAQE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,mLAYE,gUAiBA,mCAEA,oCAEA,4DAGA,kHAMA,oCAIF,qCAOE,qGAOF,0FAOE,6EAKE,yCAKJ,wBAKI,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAKR,wDAKE,yFAMA,iIASE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+EAKE,kGAOE,oKAMA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,iEAKE,wFAME,iDAIF,4KASE,4DAGE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,6GAGN,0EAKE,+EAKF,wFAMA,yDC3ZF","sources":["index.29225de1.css","src/assets/sass/desktop.sass","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/desktop/base/_typography.sass","src/assets/sass/desktop/layout/_header.sass","src/assets/sass/desktop/layout/_footer.sass","src/assets/sass/desktop/layout/_layouts.sass","src/assets/sass/main/abstract/_mixins.sass","src/assets/sass/desktop/pages/_home.sass","src/assets/sass/desktop/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizelegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: -moz-fit-content;\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.5rem;\n font-weight: 500;\n}\n\n.header {\n z-index: 90;\n justify-content: center;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header:before {\n content: \"\";\n -webkit-backdrop-filter: blur(10px);\n backdrop-filter: blur(10px);\n z-index: -1;\n width: 100vw;\n height: 100%;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n top: 0;\n}\n\n.header__main {\n margin-right: auto;\n}\n\n.header__main--link > .desktop-view {\n opacity: 0;\n justify-content: center;\n align-items: center;\n height: 2.75rem;\n transition: opacity .3s ease-in-out;\n display: flex;\n}\n\n.header__main--link > .desktop-view > img {\n object-fit: contain;\n object-position: left;\n height: 100%;\n}\n\n.header__nav {\n margin-left: auto;\n}\n\n.header__nav--list {\n color: #fff;\n grid-auto-flow: column;\n align-items: center;\n column-gap: 1rem;\n width: max-content;\n display: grid;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header.main:before {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--link > .desktop-view {\n opacity: 1;\n}\n\n.header.main .text--link--highlight {\n color: #252525;\n}\n\n.header.main .text--link--highlight:before {\n background-color: #252525;\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: -moz-fit-content;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer > section {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.footer > section > p:last-child {\n justify-self: right;\n}\n\n.footer__logo {\n grid-column: 1 / 3;\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.grid-layout--with-photo {\n gap: var(--gap--m);\n grid-template-columns: 13fr 7fr;\n display: grid;\n}\n\n.grid-layout--with-photo.right {\n grid-template-columns: 7fr 13fr;\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n align-self: center;\n gap: 1rem;\n height: -moz-fit-content;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n object-fit: cover;\n object-position: center;\n}\n\n.home--hero {\n background-image: url(\"hero-desktop.3995ebbd.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n width: calc(100% - var(--gap--m) * 2);\n row-gap: 1rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: 1rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 7.5rem;\n}\n\n.events__all {\n background-color: #fd7400;\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n grid-template: \"hgroup image\" 1fr\n \"link image\"\n / 2fr 1fr;\n gap: 2rem;\n margin-top: 7.5rem;\n margin-bottom: 7.5rem;\n padding: 2rem;\n display: grid;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 150px;\n height: 150px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n top: -70px;\n right: 69px;\n}\n\n.no-event__hgroup {\n grid-area: hgroup;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n grid-area: image;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: right bottom;\n width: 100%;\n height: 100%;\n transform: translateX(1.5rem);\n}\n\n.no-event__wrap-link {\n grid-area: link;\n}\n\n.community, .python {\n margin-top: 7.5rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n max-width: 853.333px;\n margin-left: auto;\n margin-right: auto;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n.pros__list > li {\n row-gap: 1rem;\n display: grid;\n}\n\n.faqs {\n margin-top: 7.5rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n justify-content: center;\n align-items: center;\n column-gap: 3.5rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n max-width: 17rem;\n height: 6rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n grid-template-columns: repeat(2, 1fr);\n margin-top: 7.5rem;\n display: grid;\n}\n\n.newsletter__content {\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n padding: 2rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n text-decoration-thickness: 1px;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n border-left: 1px solid #252525;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n.contact__social-media--item {\n border-right: 1px solid #252525;\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(1rem)scale(1.5)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.contact__email {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.mobile-view {\n display: none;\n}\n\n/*# sourceMappingURL=index.29225de1.css.map */\n","@import \"main/main\"\n\n@import \"desktop/base/typography\"\n\n@import \"desktop/layout/header\"\n@import \"desktop/layout/footer\"\n@import \"desktop/layout/layouts\"\n\n@import \"desktop/pages/home\"\n\n@import \"desktop/base/base\"\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 5rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 3rem\n font-weight: 700\n line-height: 1.25\n\n.text--title--s\n font-size: 1.5rem\n font-weight: 500\n",".header\n position: fixed\n top: 0\n left: 0\n right: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n display: flex\n justify-content: center\n align-items: center\n z-index: 90\n transition: $transition--main\n\n &::before\n content: \"\"\n display: block\n position: absolute\n top: 0\n height: 100%\n width: 100vw\n backdrop-filter: blur(10px)\n z-index: -1\n transition: $transition--main\n\n &__main\n margin-right: auto\n\n &--link > .desktop-view\n display: flex\n height: 2.75rem\n justify-content: center\n align-items: center\n opacity: 0\n transition: opacity $transition--main\n\n & > img\n height: 100%\n object:\n fit: contain\n position: left\n\n\n &__nav\n margin-left: auto\n\n &--list\n display: grid\n grid-auto-flow: column\n column-gap: $gap--s\n align-items: center\n width: max-content\n color: $color--white\n\n &__contact\n position: relative\n display: flex\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &.main\n\n &::before\n background-color: rgba($color--white, .5)\n\n .header__main--link > .desktop-view\n opacity: 1\n\n .text--link--highlight\n color: $color--black\n\n &::before\n background-color: $color--black\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n & > section\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n & > p:last-child\n justify-self: right\n\n &__logo\n position: relative\n grid-column: 1 / 3\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n",".grid-layout--with-photo\n @include grid-layout-main\n gap: var(--gap--m)\n\n &.right\n @include grid-layout-main(right)\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n\n &__photo\n display: flex\n\n & > img\n object:\n fit: cover\n position: center\n","@mixin bg-img($img, $size: cover, $position: center)\n background:\n image: url($img)\n size: $size\n position: $position\n repeat: no-repeat\n\n@mixin grid-layout-main($direction: left)\n display: grid\n @if $direction == right\n grid-template-columns: 7fr 13fr\n @else\n grid-template-columns: 13fr 7fr\n\n@mixin center-h\n margin:\n left: auto\n right: auto\n",".home--hero\n display: grid\n align-items: flex-end\n @include bg-img(\"../img/hero-desktop.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--s\n width: calc(100% - var(--gap--m) * 2)\n\n &--logo\n width: 10rem\n margin-bottom: $gap--s\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n.events\n margin-top: $gap--xxl\n\n &__all\n background-color: $color--orange\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n padding:\n left: var(--gap--m)\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n display: grid\n grid-template-columns: 2fr 1fr\n grid-template-rows: 1fr auto\n grid-template-areas: \"hgroup image\" \"link image\"\n gap: $gap--m\n background-color: $color--orange\n padding: $gap--m\n position: relative\n margin:\n top: $gap--xxl\n bottom: $gap--xxl\n &::after\n $size: 150px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n top: -70px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__hgroup\n grid-area: hgroup\n &__title\n margin-bottom: $gap--m\n &__wrap-image\n grid-area: image\n background-color: $color--white\n &__image\n width: 100%\n height: 100%\n object-fit: cover\n object-position: right bottom\n transform: translatex(1.5rem)\n &__wrap-link\n grid-area: link\n\n// Comunidad\n.community\n margin-top: $gap--xxl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xxl\n\n &__definition\n display: grid\n row-gap: $gap--s\n max-width: $small-width\n @include center-h\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xxl\n background-color: $color--grey\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n & > li\n display: grid\n row-gap: $gap--s\n\n// Preguntas frecuentes\n.faqs\n margin-top: $gap--xxl\n\n &__all\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n justify-content: center\n align-items: center\n column-gap: $gap--l\n\n &__link\n display: flex\n align-items: center\n height: 6rem\n width: 100%\n max-width: 17rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n display: grid\n grid-template-columns: repeat(2, 1fr)\n margin-top: $gap--xxl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n text-decoration-thickness: 1px\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xxl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n border-left: $border--main $color--black\n\n &--item\n border-right: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(1rem) scale(1.5) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n\n &__email\n padding:\n top: $gap--l\n bottom: $gap--l\n",".mobile-view\n display: none\n"],"names":[],"version":3,"file":"index.29225de1.css.map"} \ No newline at end of file diff --git a/docs/index.442f427b.css b/docs/index.442f427b.css new file mode 100644 index 0000000..8f24a58 --- /dev/null +++ b/docs/index.442f427b.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizelegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;width:100%;height:100vh;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;padding-right:var(--gap--m);width:50%;height:2rem;display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:-moz-fit-content;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;height:-moz-fit-content;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.442f427b.css.map */ diff --git a/docs/index.442f427b.css.map b/docs/index.442f427b.css.map new file mode 100644 index 0000000..826ea0b --- /dev/null +++ b/docs/index.442f427b.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,iHAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,yLAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,oEAGA,sEAGA,6DAIJ,gDAGF,2RAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,mKC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,yKASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGCzaF,2BAGA","sources":["index.442f427b.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizelegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n width: 100%;\n height: 100vh;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n padding-right: var(--gap--m);\n width: 50%;\n height: 2rem;\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n/*# sourceMappingURL=index.442f427b.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.442f427b.css.map"} \ No newline at end of file diff --git a/docs/index.47ce675e.css b/docs/index.47ce675e.css new file mode 100644 index 0000000..d8cef1d --- /dev/null +++ b/docs/index.47ce675e.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:5rem;font-weight:700;line-height:1.1}.text--title--m{font-size:3rem;font-weight:700;line-height:1.25}.text--title--s{font-size:1.5rem;font-weight:500}.header{z-index:90;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.header:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;width:100vw;height:100%;transition:all .3s ease-in-out;display:block;position:absolute;top:0}.header__main{margin-right:auto}.header__main--link>.desktop-view{opacity:0;justify-content:center;align-items:center;height:2.75rem;transition:opacity .3s ease-in-out;display:flex}.header__main--link>.desktop-view>img{object-fit:contain;object-position:left;height:100%}.header__nav{margin-left:auto}.header__nav--list{color:#fff;grid-auto-flow:column;align-items:center;column-gap:1rem;width:max-content;display:grid}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header.main:before{background-color:#ffffff80}.header.main .header__main--link>.desktop-view{opacity:1}.header.main .text--link--highlight{color:#252525}.header.main .text--link--highlight:before{background-color:#252525}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:7.5rem;padding-bottom:7.5rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer>section{grid-template-columns:repeat(2,1fr);display:grid}.footer>section>p:last-child{justify-self:right}.footer__logo{grid-column:1/3;row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.grid-layout--with-photo{gap:var(--gap--m);grid-template-columns:13fr 7fr;display:grid}.grid-layout--with-photo.right{grid-template-columns:7fr 13fr;display:grid}.grid-layout--with-photo__info{align-self:center;gap:1rem;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{object-fit:cover;object-position:center}.home--hero{background-image:url(hero-desktop.3995ebbd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:grid}.home--hero__heading{width:calc(100% - var(--gap--m)*2);row-gap:1rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:1rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:7.5rem}.events__all{background-color:#fd7400;outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-top:var(--gap--m);padding-bottom:var(--gap--m);grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location"}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;grid-template:"hgroup image"1fr"link image"/2fr 1fr;gap:2rem;margin-top:7.5rem;margin-bottom:7.5rem;padding:2rem;display:grid;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:150px;height:150px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-70px;right:69px}.no-event__hgroup{grid-area:hgroup}.no-event__title{margin-bottom:2rem}.no-event__wrap-image{background-color:#fff;grid-area:image}.no-event__image{object-fit:cover;object-position:right bottom;width:100%;height:100%;transform:translate(1.5rem)}.no-event__wrap-link{grid-area:link}.community,.python{margin-top:7.5rem}.python__definition{row-gap:1rem;max-width:853.333px;margin-left:auto;margin-right:auto;display:grid}.pros{background-color:#f6f4f1;margin-top:7.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}.pros__list>li{row-gap:1rem;display:grid}.faqs{margin-top:7.5rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{justify-content:center;align-items:center;column-gap:3.5rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;max-width:17rem;height:6rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{grid-template-columns:repeat(2,1fr);margin-top:7.5rem;display:grid}.newsletter__content{color:#fff;background-color:#252525;row-gap:.75rem;padding:2rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;text-decoration-thickness:1px;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:7.5rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;border-left:1px solid #252525;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}.contact__social-media--item{border-right:1px solid #252525}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(1rem)scale(1.5)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.contact__email{padding-top:3.5rem;padding-bottom:3.5rem}.mobile-view{display:none} +/*# sourceMappingURL=index.47ce675e.css.map */ diff --git a/docs/index.47ce675e.css.map b/docs/index.47ce675e.css.map new file mode 100644 index 0000000..d1c9628 --- /dev/null +++ b/docs/index.47ce675e.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,iDCVA,kLAcE,gMAWA,gCAGE,qJAQE,0FAOJ,8BAGE,sHAQF,qKASE,6DAMA,+CAGA,yDAGA,kDAGE,oEAGN,qICjFA,yFAOE,iEAIE,gDAGF,mHAQE,+IAWA,6BCjCJ,uFAIE,2EAGA,0FAMA,6CAGE,4EChBJ,0LAKE,kFAKE,0DAIA,+CAGJ,0BAGE,6FAKE,sDAIE,uGAIE,4DAGF,2DAKF,gPAQE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,mLAYE,gUAiBA,mCAEA,oCAEA,4DAGA,kHAMA,oCAIF,qCAOE,qGAOF,0FAOE,6EAKE,yCAKJ,wBAKI,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAKR,wDAKE,yFAMA,iIASE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+EAKE,kGAOE,oKAMA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,iEAKE,wFAME,iDAIF,4KASE,4DAGE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,6GAGN,0EAKE,+EAKF,wFAMA,yDC3ZF","sources":["index.47ce675e.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/desktop/base/_typography.sass","src/assets/sass/desktop/layout/_header.sass","src/assets/sass/desktop/layout/_footer.sass","src/assets/sass/desktop/layout/_layouts.sass","src/assets/sass/desktop/pages/_home.sass","src/assets/sass/desktop/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.5rem;\n font-weight: 500;\n}\n\n.header {\n z-index: 90;\n justify-content: center;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header:before {\n content: \"\";\n backdrop-filter: blur(10px);\n z-index: -1;\n width: 100vw;\n height: 100%;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n top: 0;\n}\n\n.header__main {\n margin-right: auto;\n}\n\n.header__main--link > .desktop-view {\n opacity: 0;\n justify-content: center;\n align-items: center;\n height: 2.75rem;\n transition: opacity .3s ease-in-out;\n display: flex;\n}\n\n.header__main--link > .desktop-view > img {\n object-fit: contain;\n object-position: left;\n height: 100%;\n}\n\n.header__nav {\n margin-left: auto;\n}\n\n.header__nav--list {\n color: #fff;\n grid-auto-flow: column;\n align-items: center;\n column-gap: 1rem;\n width: max-content;\n display: grid;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header.main:before {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--link > .desktop-view {\n opacity: 1;\n}\n\n.header.main .text--link--highlight {\n color: #252525;\n}\n\n.header.main .text--link--highlight:before {\n background-color: #252525;\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer > section {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.footer > section > p:last-child {\n justify-self: right;\n}\n\n.footer__logo {\n grid-column: 1 / 3;\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.grid-layout--with-photo {\n gap: var(--gap--m);\n grid-template-columns: 13fr 7fr;\n display: grid;\n}\n\n.grid-layout--with-photo.right {\n grid-template-columns: 7fr 13fr;\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n object-fit: cover;\n object-position: center;\n}\n\n.home--hero {\n background-image: url(\"hero-desktop.3995ebbd.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n width: calc(100% - var(--gap--m) * 2);\n row-gap: 1rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: 1rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 7.5rem;\n}\n\n.events__all {\n background-color: #fd7400;\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n grid-template: \"hgroup image\" 1fr\n \"link image\"\n / 2fr 1fr;\n gap: 2rem;\n margin-top: 7.5rem;\n margin-bottom: 7.5rem;\n padding: 2rem;\n display: grid;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 150px;\n height: 150px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n top: -70px;\n right: 69px;\n}\n\n.no-event__hgroup {\n grid-area: hgroup;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n grid-area: image;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: right bottom;\n width: 100%;\n height: 100%;\n transform: translateX(1.5rem);\n}\n\n.no-event__wrap-link {\n grid-area: link;\n}\n\n.community, .python {\n margin-top: 7.5rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n max-width: 853.333px;\n margin-left: auto;\n margin-right: auto;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n.pros__list > li {\n row-gap: 1rem;\n display: grid;\n}\n\n.faqs {\n margin-top: 7.5rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n justify-content: center;\n align-items: center;\n column-gap: 3.5rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n max-width: 17rem;\n height: 6rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n grid-template-columns: repeat(2, 1fr);\n margin-top: 7.5rem;\n display: grid;\n}\n\n.newsletter__content {\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n padding: 2rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n text-decoration-thickness: 1px;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n border-left: 1px solid #252525;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n.contact__social-media--item {\n border-right: 1px solid #252525;\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(1rem)scale(1.5)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.contact__email {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.mobile-view {\n display: none;\n}\n/*# sourceMappingURL=index.47ce675e.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 5rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 3rem\n font-weight: 700\n line-height: 1.25\n\n.text--title--s\n font-size: 1.5rem\n font-weight: 500\n",".header\n position: fixed\n top: 0\n left: 0\n right: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n display: flex\n justify-content: center\n align-items: center\n z-index: 90\n transition: $transition--main\n\n &::before\n content: \"\"\n display: block\n position: absolute\n top: 0\n height: 100%\n width: 100vw\n backdrop-filter: blur(10px)\n z-index: -1\n transition: $transition--main\n\n &__main\n margin-right: auto\n\n &--link > .desktop-view\n display: flex\n height: 2.75rem\n justify-content: center\n align-items: center\n opacity: 0\n transition: opacity $transition--main\n\n & > img\n height: 100%\n object:\n fit: contain\n position: left\n\n\n &__nav\n margin-left: auto\n\n &--list\n display: grid\n grid-auto-flow: column\n column-gap: $gap--s\n align-items: center\n width: max-content\n color: $color--white\n\n &__contact\n position: relative\n display: flex\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &.main\n\n &::before\n background-color: rgba($color--white, .5)\n\n .header__main--link > .desktop-view\n opacity: 1\n\n .text--link--highlight\n color: $color--black\n\n &::before\n background-color: $color--black\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n & > section\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n & > p:last-child\n justify-self: right\n\n &__logo\n position: relative\n grid-column: 1 / 3\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n",".grid-layout--with-photo\n @include grid-layout-main\n gap: var(--gap--m)\n\n &.right\n @include grid-layout-main(right)\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n\n &__photo\n display: flex\n\n & > img\n object:\n fit: cover\n position: center\n",".home--hero\n display: grid\n align-items: flex-end\n @include bg-img(\"../img/hero-desktop.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--s\n width: calc(100% - var(--gap--m) * 2)\n\n &--logo\n width: 10rem\n margin-bottom: $gap--s\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n.events\n margin-top: $gap--xxl\n\n &__all\n background-color: $color--orange\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n padding:\n left: var(--gap--m)\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n display: grid\n grid-template-columns: 2fr 1fr\n grid-template-rows: 1fr auto\n grid-template-areas: \"hgroup image\" \"link image\"\n gap: $gap--m\n background-color: $color--orange\n padding: $gap--m\n position: relative\n margin:\n top: $gap--xxl\n bottom: $gap--xxl\n &::after\n $size: 150px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n top: -70px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__hgroup\n grid-area: hgroup\n &__title\n margin-bottom: $gap--m\n &__wrap-image\n grid-area: image\n background-color: $color--white\n &__image\n width: 100%\n height: 100%\n object-fit: cover\n object-position: right bottom\n transform: translatex(1.5rem)\n &__wrap-link\n grid-area: link\n\n// Comunidad\n.community\n margin-top: $gap--xxl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xxl\n\n &__definition\n display: grid\n row-gap: $gap--s\n max-width: $small-width\n @include center-h\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xxl\n background-color: $color--grey\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n & > li\n display: grid\n row-gap: $gap--s\n\n// Preguntas frecuentes\n.faqs\n margin-top: $gap--xxl\n\n &__all\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n justify-content: center\n align-items: center\n column-gap: $gap--l\n\n &__link\n display: flex\n align-items: center\n height: 6rem\n width: 100%\n max-width: 17rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n display: grid\n grid-template-columns: repeat(2, 1fr)\n margin-top: $gap--xxl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n text-decoration-thickness: 1px\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xxl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n border-left: $border--main $color--black\n\n &--item\n border-right: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(1rem) scale(1.5) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n\n &__email\n padding:\n top: $gap--l\n bottom: $gap--l\n",".mobile-view\n display: none\n"],"names":[],"version":3,"file":"index.47ce675e.css.map"} \ No newline at end of file diff --git a/docs/index.4821d0a1.css b/docs/index.4821d0a1.css new file mode 100644 index 0000000..7169aa5 --- /dev/null +++ b/docs/index.4821d0a1.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizelegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:translateY(0)rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;width:100%;height:100vh;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;padding-right:var(--gap--m);width:50%;height:2rem;display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:-moz-fit-content;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;height:-moz-fit-content;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.4821d0a1.css.map */ diff --git a/docs/index.4821d0a1.css.map b/docs/index.4821d0a1.css.map new file mode 100644 index 0000000..5b99dd2 --- /dev/null +++ b/docs/index.4821d0a1.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,iHAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,yLAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,iFAGA,sEAGA,6DAIJ,gDAGF,2RAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,mKC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,yKASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGCzaF,2BAGA","sources":["index.4821d0a1.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizelegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n width: 100%;\n height: 100vh;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n padding-right: var(--gap--m);\n width: 50%;\n height: 2rem;\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n/*# sourceMappingURL=index.4821d0a1.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.4821d0a1.css.map"} \ No newline at end of file diff --git a/docs/index.57a51404.css b/docs/index.57a51404.css new file mode 100644 index 0000000..1e4bf74 --- /dev/null +++ b/docs/index.57a51404.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{max-width:1280px;padding-left:var(--gap--m);padding-right:var(--gap--m);margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:5rem;font-weight:700;line-height:1.1}.text--title--m{font-size:3rem;font-weight:700;line-height:1.25}.text--title--s{font-size:1.5rem;font-weight:500}.header{z-index:90;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.header:before{content:"";backdrop-filter:blur(10px);z-index:-1;width:100vw;height:100%;transition:all .3s ease-in-out;display:block;position:absolute;top:0}.header__main{margin-right:auto}.header__main--link>.desktop-view{opacity:0;justify-content:center;align-items:center;height:2.75rem;transition:opacity .3s ease-in-out;display:flex}.header__main--link>.desktop-view>img{object-fit:contain;object-position:left;height:100%}.header__nav{margin-left:auto}.header__nav--list{color:#fff;grid-auto-flow:column;align-items:center;column-gap:1rem;width:max-content;display:grid}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header.main:before{background-color:#ffffff80}.header.main .header__main--link>.desktop-view{opacity:1}.header.main .text--link--highlight{color:#252525}.header.main .text--link--highlight:before{background-color:#252525}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:7.5rem;padding-bottom:7.5rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer>section{grid-template-columns:repeat(2,1fr);display:grid}.footer>section>p:last-child{justify-self:right}.footer__logo{grid-column:1/3;row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.grid-layout--with-photo{gap:var(--gap--m);grid-template-columns:13fr 7fr;display:grid}.grid-layout--with-photo.right{grid-template-columns:7fr 13fr;display:grid}.grid-layout--with-photo__info{align-self:center;gap:1rem;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{object-fit:cover;object-position:center}.home--hero{background-image:url(hero-desktop.3995ebbd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:grid}.home--hero__heading{width:calc(100% - var(--gap--m)*2);row-gap:1rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:1rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:7.5rem}.events__all{background-color:#fd7400;outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-top:var(--gap--m);padding-bottom:var(--gap--m);grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location"}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;grid-template:"hgroup image"1fr"link image"/2fr 1fr;gap:2rem;margin-top:7.5rem;margin-bottom:7.5rem;padding:2rem;display:grid;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:150px;height:150px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-70px;right:69px}.no-event__hgroup{grid-area:hgroup}.no-event__title{margin-bottom:2rem}.no-event__wrap-image{background-color:#fff;grid-area:image}.no-event__image{object-fit:cover;object-position:right bottom;width:100%;height:100%;transform:translate(1.5rem)}.no-event__wrap-link{grid-area:link}.community,.python{margin-top:7.5rem}.python__definition{row-gap:1rem;max-width:853.333px;margin-left:auto;margin-right:auto;display:grid}.pros{background-color:#f6f4f1;margin-top:7.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}.pros__list>li{row-gap:1rem;display:grid}.faqs{margin-top:7.5rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{justify-content:center;align-items:center;column-gap:3.5rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;max-width:17rem;height:6rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{grid-template-columns:repeat(2,1fr);margin-top:7.5rem;display:grid}.newsletter__content{color:#fff;background-color:#252525;row-gap:.75rem;padding:2rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;text-decoration-thickness:1px;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:7.5rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;border-left:1px solid #252525;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}.contact__social-media--item{border-right:1px solid #252525}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(1rem)scale(1.5)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.contact__email{padding-top:3.5rem;padding-bottom:3.5rem}.mobile-view{display:none} +/*# sourceMappingURL=index.57a51404.css.map */ diff --git a/docs/index.57a51404.css.map b/docs/index.57a51404.css.map new file mode 100644 index 0000000..685ad8d --- /dev/null +++ b/docs/index.57a51404.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6CAAA,6BCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,iDCVA,kLAcE,6JAWA,gCAGE,qJAQE,0FAOJ,8BAGE,sHAQF,qKASE,6DAMA,+CAGA,yDAGA,kDAGE,oEAGN,qICjFA,yFAOE,iEAIE,gDAGF,mHAQE,+IAWA,6BCjCJ,uFAIE,2EAGA,0FAMA,6CAGE,4EChBJ,0LAKE,kFAKE,0DAIA,+CAGJ,0BAGE,6FAKE,sDAIE,uGAIE,4DAGF,2DAKF,gPAQE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,mLAYE,gUAiBA,mCAEA,oCAEA,4DAGA,kHAMA,oCAIF,qCAOE,qGAOF,0FAOE,6EAKE,yCAKJ,wBAKI,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAKR,wDAKE,yFAMA,iIASE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+EAKE,kGAOE,oKAMA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,iEAKE,wFAME,iDAIF,4KASE,4DAGE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,6GAGN,0EAKE,+EAKF,wFAMA,yDC3ZF","sources":["index.57a51404.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/desktop/base/_typography.sass","src/assets/sass/desktop/layout/_header.sass","src/assets/sass/desktop/layout/_footer.sass","src/assets/sass/desktop/layout/_layouts.sass","src/assets/sass/desktop/pages/_home.sass","src/assets/sass/desktop/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n max-width: 1280px;\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.5rem;\n font-weight: 500;\n}\n\n.header {\n z-index: 90;\n justify-content: center;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header:before {\n content: \"\";\n backdrop-filter: blur(10px);\n z-index: -1;\n width: 100vw;\n height: 100%;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n top: 0;\n}\n\n.header__main {\n margin-right: auto;\n}\n\n.header__main--link > .desktop-view {\n opacity: 0;\n justify-content: center;\n align-items: center;\n height: 2.75rem;\n transition: opacity .3s ease-in-out;\n display: flex;\n}\n\n.header__main--link > .desktop-view > img {\n object-fit: contain;\n object-position: left;\n height: 100%;\n}\n\n.header__nav {\n margin-left: auto;\n}\n\n.header__nav--list {\n color: #fff;\n grid-auto-flow: column;\n align-items: center;\n column-gap: 1rem;\n width: max-content;\n display: grid;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header.main:before {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--link > .desktop-view {\n opacity: 1;\n}\n\n.header.main .text--link--highlight {\n color: #252525;\n}\n\n.header.main .text--link--highlight:before {\n background-color: #252525;\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer > section {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.footer > section > p:last-child {\n justify-self: right;\n}\n\n.footer__logo {\n grid-column: 1 / 3;\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.grid-layout--with-photo {\n gap: var(--gap--m);\n grid-template-columns: 13fr 7fr;\n display: grid;\n}\n\n.grid-layout--with-photo.right {\n grid-template-columns: 7fr 13fr;\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n object-fit: cover;\n object-position: center;\n}\n\n.home--hero {\n background-image: url(\"hero-desktop.3995ebbd.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n width: calc(100% - var(--gap--m) * 2);\n row-gap: 1rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: 1rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 7.5rem;\n}\n\n.events__all {\n background-color: #fd7400;\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n grid-template: \"hgroup image\" 1fr\n \"link image\"\n / 2fr 1fr;\n gap: 2rem;\n margin-top: 7.5rem;\n margin-bottom: 7.5rem;\n padding: 2rem;\n display: grid;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 150px;\n height: 150px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n top: -70px;\n right: 69px;\n}\n\n.no-event__hgroup {\n grid-area: hgroup;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n grid-area: image;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: right bottom;\n width: 100%;\n height: 100%;\n transform: translateX(1.5rem);\n}\n\n.no-event__wrap-link {\n grid-area: link;\n}\n\n.community, .python {\n margin-top: 7.5rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n max-width: 853.333px;\n margin-left: auto;\n margin-right: auto;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n.pros__list > li {\n row-gap: 1rem;\n display: grid;\n}\n\n.faqs {\n margin-top: 7.5rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n justify-content: center;\n align-items: center;\n column-gap: 3.5rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n max-width: 17rem;\n height: 6rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n grid-template-columns: repeat(2, 1fr);\n margin-top: 7.5rem;\n display: grid;\n}\n\n.newsletter__content {\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n padding: 2rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n text-decoration-thickness: 1px;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n border-left: 1px solid #252525;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n.contact__social-media--item {\n border-right: 1px solid #252525;\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(1rem)scale(1.5)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.contact__email {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.mobile-view {\n display: none;\n}\n/*# sourceMappingURL=index.57a51404.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 5rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 3rem\n font-weight: 700\n line-height: 1.25\n\n.text--title--s\n font-size: 1.5rem\n font-weight: 500\n",".header\n position: fixed\n top: 0\n left: 0\n right: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n display: flex\n justify-content: center\n align-items: center\n z-index: 90\n transition: $transition--main\n\n &::before\n content: \"\"\n display: block\n position: absolute\n top: 0\n height: 100%\n width: 100vw\n backdrop-filter: blur(10px)\n z-index: -1\n transition: $transition--main\n\n &__main\n margin-right: auto\n\n &--link > .desktop-view\n display: flex\n height: 2.75rem\n justify-content: center\n align-items: center\n opacity: 0\n transition: opacity $transition--main\n\n & > img\n height: 100%\n object:\n fit: contain\n position: left\n\n\n &__nav\n margin-left: auto\n\n &--list\n display: grid\n grid-auto-flow: column\n column-gap: $gap--s\n align-items: center\n width: max-content\n color: $color--white\n\n &__contact\n position: relative\n display: flex\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &.main\n\n &::before\n background-color: rgba($color--white, .5)\n\n .header__main--link > .desktop-view\n opacity: 1\n\n .text--link--highlight\n color: $color--black\n\n &::before\n background-color: $color--black\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n & > section\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n & > p:last-child\n justify-self: right\n\n &__logo\n position: relative\n grid-column: 1 / 3\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n",".grid-layout--with-photo\n @include grid-layout-main\n gap: var(--gap--m)\n\n &.right\n @include grid-layout-main(right)\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n\n &__photo\n display: flex\n\n & > img\n object:\n fit: cover\n position: center\n",".home--hero\n display: grid\n align-items: flex-end\n @include bg-img(\"../img/hero-desktop.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--s\n width: calc(100% - var(--gap--m) * 2)\n\n &--logo\n width: 10rem\n margin-bottom: $gap--s\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n.events\n margin-top: $gap--xxl\n\n &__all\n background-color: $color--orange\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n padding:\n left: var(--gap--m)\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n display: grid\n grid-template-columns: 2fr 1fr\n grid-template-rows: 1fr auto\n grid-template-areas: \"hgroup image\" \"link image\"\n gap: $gap--m\n background-color: $color--orange\n padding: $gap--m\n position: relative\n margin:\n top: $gap--xxl\n bottom: $gap--xxl\n &::after\n $size: 150px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n top: -70px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__hgroup\n grid-area: hgroup\n &__title\n margin-bottom: $gap--m\n &__wrap-image\n grid-area: image\n background-color: $color--white\n &__image\n width: 100%\n height: 100%\n object-fit: cover\n object-position: right bottom\n transform: translatex(1.5rem)\n &__wrap-link\n grid-area: link\n\n// Comunidad\n.community\n margin-top: $gap--xxl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xxl\n\n &__definition\n display: grid\n row-gap: $gap--s\n max-width: $small-width\n @include center-h\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xxl\n background-color: $color--grey\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n & > li\n display: grid\n row-gap: $gap--s\n\n// Preguntas frecuentes\n.faqs\n margin-top: $gap--xxl\n\n &__all\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n justify-content: center\n align-items: center\n column-gap: $gap--l\n\n &__link\n display: flex\n align-items: center\n height: 6rem\n width: 100%\n max-width: 17rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n display: grid\n grid-template-columns: repeat(2, 1fr)\n margin-top: $gap--xxl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n text-decoration-thickness: 1px\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xxl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n border-left: $border--main $color--black\n\n &--item\n border-right: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(1rem) scale(1.5) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n\n &__email\n padding:\n top: $gap--l\n bottom: $gap--l\n",".mobile-view\n display: none\n"],"names":[],"version":3,"file":"index.57a51404.css.map"} \ No newline at end of file diff --git a/docs/index.69cf9a91.css b/docs/index.69cf9a91.css new file mode 100644 index 0000000..f070387 --- /dev/null +++ b/docs/index.69cf9a91.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{max-width:1280px;padding-left:var(--gap--m);padding-right:var(--gap--m);margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:translateY(0)rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;width:100%;height:100vh;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;backdrop-filter:blur(10px);background-color:#ffffffe6;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;width:50%;height:2rem;padding-right:var(--gap--m);display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{height:fit-content;padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.69cf9a91.css.map */ diff --git a/docs/index.69cf9a91.css.map b/docs/index.69cf9a91.css.map new file mode 100644 index 0000000..0bb4e62 --- /dev/null +++ b/docs/index.69cf9a91.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6CAAA,6BCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,sJAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,iFAGA,sEAGA,6DAIJ,gDAGF,wPAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,uIC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,iJASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGCzaF,2BAGA","sources":["index.69cf9a91.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n max-width: 1280px;\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n width: 100%;\n height: 100vh;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n width: 50%;\n height: 2rem;\n padding-right: var(--gap--m);\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n height: fit-content;\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n/*# sourceMappingURL=index.69cf9a91.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.69cf9a91.css.map"} \ No newline at end of file diff --git a/docs/index.71edbe9c.css b/docs/index.71edbe9c.css new file mode 100644 index 0000000..cd4c85a --- /dev/null +++ b/docs/index.71edbe9c.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:translateY(0)rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;backdrop-filter:blur(10px);background-color:#ffffffe6;width:100%;height:100vh;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;padding-right:var(--gap--m);width:50%;height:2rem;display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.71edbe9c.css.map */ diff --git a/docs/index.71edbe9c.css.map b/docs/index.71edbe9c.css.map new file mode 100644 index 0000000..e629dfa --- /dev/null +++ b/docs/index.71edbe9c.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,sJAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,iFAGA,sEAGA,6DAIJ,gDAGF,wPAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,uIC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,iJASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGCzaF,2BAGA","sources":["index.71edbe9c.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n width: 100%;\n height: 100vh;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n padding-right: var(--gap--m);\n width: 50%;\n height: 2rem;\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n/*# sourceMappingURL=index.71edbe9c.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.71edbe9c.css.map"} \ No newline at end of file diff --git a/docs/index.a5c785f0.js b/docs/index.a5c785f0.js new file mode 100644 index 0000000..7bbac4f --- /dev/null +++ b/docs/index.a5c785f0.js @@ -0,0 +1,2 @@ +let e,t;const o=document.querySelector("#menu-button"),c=document.querySelector("#menu"),n="open",r=document.querySelectorAll(".to-start"),l=document.querySelector("#to-event"),i=document.querySelector("#to-about"),s=document.querySelector("#to-faqs"),d=document.querySelector("#to-code-of-conduct"),u=document.querySelectorAll(".to-contact"),a=document.querySelector("#proximos-eventos"),m=document.querySelector("#quienes-somos"),f=document.querySelector("#preguntas-frecuentes"),h=document.querySelector("#codigo-de-conducta"),y=document.querySelector("#contacto"),v=document.querySelector("#header"),L=document.querySelector("#inicio");let q=L.scrollHeight-v.scrollHeight,S=0,g=window.pageYOffset;const p="main",w="hidden",E="body-scroll-lock";function b(){o.classList.remove(n),c.classList.remove(n),document.body.classList.remove(E)}function k(e,t){t.preventDefault(),e.scrollIntoView({behavior:"smooth"})}o.addEventListener("click",function(){o.classList.contains(n)?(b(),document.body.classList.remove(E)):(o.classList.add(n),c.classList.add(n),document.body.classList.add(E))}),c.addEventListener("click",b),r.forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),window.scrollTo({top:0,behavior:"smooth"})})}),l.addEventListener("click",e=>{k(a,e)}),i.addEventListener("click",e=>{k(m,e)}),s.addEventListener("click",e=>{k(f,e)}),d.addEventListener("click",e=>{k(h,e)}),u.forEach(e=>{e.addEventListener("click",e=>{k(y,e)})}),window.onscroll=()=>{q=L.scrollHeight-v.offsetHeight,window.scrollY>=q?v.classList.add(p):v.classList.remove(p),window.scrollY>=v.offsetHeight&&(g=window.pageYOffset,S{v.classList.remove(w)};const C=document.querySelector("#contact-title-container"),H=document.querySelector("#contact-title");function A(){!function(){let e=Array(T()-1+1).fill(void 0).map((e,t)=>t+1);C.replaceChildren(H),e.forEach(e=>{let t=H.cloneNode(!0);t.id=`contact-title-clone-${e}`,C.appendChild(t)})}();let t=T(),o=Array(t+1).fill(0);e=setInterval(function(){C.childNodes.forEach((e,c)=>{e.style.transform=`translateX(${o[c]}px)`,o[c]=o[c]-1,0===Math.round(e.getBoundingClientRect().right)&&(o[c]=Math.round(C.childNodes[t].getBoundingClientRect().right),C.removeChild(e),C.appendChild(e))})},10)}function I(){clearInterval(e),e=null}function T(){return Math.ceil(C.offsetWidth/H.offsetWidth)}window.addEventListener("resize",function(e){t&&(clearTimeout(t),I()),t=setTimeout(A,200,e)}),new IntersectionObserver(t=>{for(let o of t)o.isIntersecting&&!e?A():I()},{threshold:0}).observe(C);const Y=document.querySelector("#conduct-content"),x=document.querySelector("#conduct-read-more");x.addEventListener("click",function(){Y.style.height=`${Y.scrollHeight}px`,x.style.opacity=0,setTimeout(()=>{Y.removeAttribute("style"),x.style.display="none"},550)}); +//# sourceMappingURL=index.a5c785f0.js.map diff --git a/docs/index.a5c785f0.js.map b/docs/index.a5c785f0.js.map new file mode 100644 index 0000000..99078c9 --- /dev/null +++ b/docs/index.a5c785f0.js.map @@ -0,0 +1 @@ +{"mappings":"IGGI,EAiEE,EDjEN,MAAM,EAAa,SAAS,aAAa,CAAC,gBACpC,EAAO,SAAS,aAAa,CAAC,SAC9B,EAAY,OAGZ,EAAkB,SAAS,gBAAgB,CAAC,aAC5C,EAAiB,SAAS,aAAa,CAAC,aACxC,EAAiB,SAAS,aAAa,CAAC,aACxC,EAAgB,SAAS,aAAa,CAAC,YACvC,EAAyB,SAAS,aAAa,CAAC,uBAChD,EAAoB,SAAS,gBAAgB,CAAC,eAG9C,EAAe,SAAS,aAAa,CAAC,qBACtC,EAAe,SAAS,aAAa,CAAC,kBACtC,EAAc,SAAS,aAAa,CAAC,yBACrC,EAAuB,SAAS,aAAa,CAAC,uBAC9C,EAAiB,SAAS,aAAa,CAAC,aAGxC,EAAS,SAAS,aAAa,CAAC,WAChC,EAAO,SAAS,aAAa,CAAC,WACpC,IAAI,EAAa,EAAK,YAAY,CAAG,EAAO,YAAY,CACpD,EAAiB,EACjB,EAAiB,OAAO,WAAW,CACvC,MAAM,EAAY,OACZ,EAAc,SACd,EAAiB,mBAevB,SAAS,IACP,EAAW,SAAS,CAAC,MAAM,CAAC,GAC5B,EAAK,SAAS,CAAC,MAAM,CAAC,GACtB,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EACjC,CAGA,SAAS,EAAgB,CAAE,CAAE,CAAC,EAC5B,EAAE,cAAc,GAChB,EAAG,cAAc,CAAC,CAAE,SAAU,QAAS,EACzC,CAKA,EAAW,gBAAgB,CAAC,QAzB5B,WACM,EAAW,SAAS,CAAC,QAAQ,CAAC,IAChC,IACA,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAE/B,EAAW,SAAS,CAAC,GAAG,CAAC,GACzB,EAAK,SAAS,CAAC,GAAG,CAAC,GACnB,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAEhC,GAiBA,EAAK,gBAAgB,CAAC,QAAS,GAG/B,EAAgB,OAAO,CAAC,AAAC,IACvB,EAAE,gBAAgB,CAAC,QAAS,AAAC,IAC3B,EAAE,cAAc,GAChB,OAAO,QAAQ,CAAC,CAAE,IAAK,EAAG,SAAU,QAAS,EAC/C,EACF,GACA,EAAe,gBAAgB,CAAC,QAAS,AAAC,IACxC,EAAgB,EAAc,EAChC,GACA,EAAe,gBAAgB,CAAC,QAAS,AAAC,IACxC,EAAgB,EAAc,EAChC,GACA,EAAc,gBAAgB,CAAC,QAAS,AAAC,IACvC,EAAgB,EAAa,EAC/B,GACA,EAAuB,gBAAgB,CAAC,QAAS,AAAC,IAChD,EAAgB,EAAsB,EACxC,GACA,EAAkB,OAAO,CAAC,AAAC,IACzB,EAAE,gBAAgB,CAAC,QAAQ,AAAC,IAC1B,EAAgB,EAAgB,EAClC,EACF,GAEA,OAAO,QAAQ,CAAG,KAChB,EAAa,EAAK,YAAY,CAAG,EAAO,YAAY,CAGhD,OAAO,OAAO,EAAI,EACpB,EAAO,SAAS,CAAC,GAAG,CAAC,GAErB,EAAO,SAAS,CAAC,MAAM,CAAC,GAItB,OAAO,OAAO,EAAI,EAAO,YAAY,GACvC,EAAiB,OAAO,WAAW,CAC/B,EAAiB,EACnB,EAAO,SAAS,CAAC,GAAG,CAAC,GAErB,EAAO,SAAS,CAAC,MAAM,CAAC,GAE1B,EAAiB,EAErB,EAEA,OAAO,MAAM,CAAG,KACd,EAAO,SAAS,CAAC,MAAM,CAAC,EAC1B,EChHA,MAAM,EAAwB,SAAS,aAAa,CAAC,4BAC/C,EAAe,SAAS,aAAa,CAAC,kBAI5C,SAAS,KACP,AAgCF,WAEE,IAAM,EAqBE,AAAI,MAAM,AArBU,IAAH,EAqBO,GAC7B,IAAI,CAAC,KAAA,GACL,GAAG,CAAC,CAAC,EAAG,IAAM,EAvBQ,GAGzB,EAAsB,eAAe,CAAC,GAGtC,EAAW,OAAO,CAAC,AAAC,IAClB,IAAM,EAAQ,EAAa,SAAS,CAAC,CAAA,EAErC,CAAA,EAAM,EAAE,CAAG,CAAC,oBAAoB,EAAE,EAAE,CAAC,CACrC,EAAsB,WAAW,CAAC,EACpC,EACF,IA5CE,IAAM,EAAS,IAEX,EAAoB,AAAI,MAAM,EAAS,GAAG,IAAI,CAAC,GAEnD,EAAa,YAEb,WACE,EAAsB,UAAU,CAAC,OAAO,CAAC,CAAC,EAAI,KAE5C,EAAG,KAAK,CAAC,SAAS,CAAG,CAAC,WAAW,EAAE,CAAiB,CAAC,EAAE,CAAC,GAAG,CAAC,CAC5D,CAAiB,CAAC,EAAE,CAAG,CAAiB,CAAC,EAAE,CAAG,EAEO,IAAjD,KAAK,KAAK,CAAC,EAAG,qBAAqB,GAAG,KAAK,IAE7C,CAAiB,CAAC,EAAE,CAAG,KAAK,KAAK,CAAC,EAAsB,UAAU,CAAC,EAAO,CAAC,qBAAqB,GAAG,KAAK,EAIxG,EAAsB,WAAW,CADjB,GAEhB,EAAsB,WAAW,CAFjB,GAIpB,EACF,EAlB0C,GAmB5C,CAEA,SAAS,IACP,cAAc,GACd,EAAa,IACf,CAkBA,SAAS,IAEP,OAAO,KAAK,IAAI,CAAC,EAAsB,WAAW,CAAG,EAAa,WAAW,CAC/E,CAqBA,OAAO,gBAAgB,CAAC,kBATN,CAAK,EACd,IACD,aAAa,GACb,KAEF,EAAQ,WAI8B,EAJb,IAAK,EAClC,GAgBF,AAD6B,IAAI,qBARI,AAAC,IACpC,IAAK,IAAM,KAAS,EAClB,EAAM,cAAc,EAAI,CAAC,EACrB,IACA,GAER,EAPoC,CAAE,UAAW,CAAE,GAU9B,OAAO,CAAC,GC3F7B,MAAM,EAAiB,SAAS,aAAa,CAAC,oBACxC,EAAgB,SAAS,aAAa,CAAC,sBAW7C,EAAc,gBAAgB,CAAC,QAT/B,WACI,EAAe,KAAK,CAAC,MAAM,CAAG,CAAC,EAAE,EAAe,YAAY,CAAC,EAAE,CAAC,CAChE,EAAc,KAAK,CAAC,OAAO,CAAG,EAC9B,WAAW,KACP,EAAe,eAAe,CAAC,SAC/B,EAAc,KAAK,CAAC,OAAO,CAAG,MAClC,EAAG,IACP","sources":["","src/assets/js/main.js","src/assets/js/_header.js","src/assets/js/_contact.js","src/assets/js/_code-of-conduct.js"],"sourcesContent":["// VARIABLES\n// elements for mobile menu\nconst $005843ec607c9454$var$menuButton = document.querySelector(\"#menu-button\");\nconst $005843ec607c9454$var$menu = document.querySelector(\"#menu\");\nconst $005843ec607c9454$var$classOpen = \"open\";\n// interactive elements for scroll to\nconst $005843ec607c9454$var$toStartElements = document.querySelectorAll(\".to-start\");\nconst $005843ec607c9454$var$toEventElement = document.querySelector(\"#to-event\");\nconst $005843ec607c9454$var$toAboutElement = document.querySelector(\"#to-about\");\nconst $005843ec607c9454$var$toFaqsElement = document.querySelector(\"#to-faqs\");\nconst $005843ec607c9454$var$toCodeOfConductElement = document.querySelector(\"#to-code-of-conduct\");\nconst $005843ec607c9454$var$toContactElements = document.querySelectorAll(\".to-contact\");\n// elements to be scrolled to\nconst $005843ec607c9454$var$eventElement = document.querySelector(\"#proximos-eventos\");\nconst $005843ec607c9454$var$aboutElement = document.querySelector(\"#quienes-somos\");\nconst $005843ec607c9454$var$faqsElement = document.querySelector(\"#preguntas-frecuentes\");\nconst $005843ec607c9454$var$codeOfConductElement = document.querySelector(\"#codigo-de-conducta\");\nconst $005843ec607c9454$var$contactElement = document.querySelector(\"#contacto\");\n// constants and variables for header changes on scroll\nconst $005843ec607c9454$var$header = document.querySelector(\"#header\");\nconst $005843ec607c9454$var$hero = document.querySelector(\"#inicio\");\nlet $005843ec607c9454$var$heroHeight = $005843ec607c9454$var$hero.scrollHeight - $005843ec607c9454$var$header.scrollHeight;\nlet $005843ec607c9454$var$oldScrollValue = 0;\nlet $005843ec607c9454$var$newScrollValue = window.pageYOffset;\nconst $005843ec607c9454$var$classMain = \"main\";\nconst $005843ec607c9454$var$classHidden = \"hidden\";\nconst $005843ec607c9454$var$lockBodyScroll = \"body-scroll-lock\";\n// FUNCTIONS\n// Open / close mobile menu\nfunction $005843ec607c9454$var$toggleMenu() {\n if ($005843ec607c9454$var$menuButton.classList.contains($005843ec607c9454$var$classOpen)) {\n $005843ec607c9454$var$closeMenu();\n document.body.classList.remove($005843ec607c9454$var$lockBodyScroll);\n } else {\n $005843ec607c9454$var$menuButton.classList.add($005843ec607c9454$var$classOpen);\n $005843ec607c9454$var$menu.classList.add($005843ec607c9454$var$classOpen);\n document.body.classList.add($005843ec607c9454$var$lockBodyScroll);\n }\n}\nfunction $005843ec607c9454$var$closeMenu() {\n $005843ec607c9454$var$menuButton.classList.remove($005843ec607c9454$var$classOpen);\n $005843ec607c9454$var$menu.classList.remove($005843ec607c9454$var$classOpen);\n document.body.classList.remove($005843ec607c9454$var$lockBodyScroll);\n}\n// Smooth scroll to\nfunction $005843ec607c9454$var$scrollToElement(el, e) {\n e.preventDefault();\n el.scrollIntoView({\n behavior: \"smooth\"\n });\n}\n// EVENTS\n// event for open / close menu\n$005843ec607c9454$var$menuButton.addEventListener(\"click\", $005843ec607c9454$var$toggleMenu);\n$005843ec607c9454$var$menu.addEventListener(\"click\", $005843ec607c9454$var$closeMenu);\n// Scroll events\n$005843ec607c9454$var$toStartElements.forEach((i)=>{\n i.addEventListener(\"click\", (e)=>{\n e.preventDefault();\n window.scrollTo({\n top: 0,\n behavior: \"smooth\"\n });\n });\n});\n$005843ec607c9454$var$toEventElement.addEventListener(\"click\", (e)=>{\n $005843ec607c9454$var$scrollToElement($005843ec607c9454$var$eventElement, e);\n});\n$005843ec607c9454$var$toAboutElement.addEventListener(\"click\", (e)=>{\n $005843ec607c9454$var$scrollToElement($005843ec607c9454$var$aboutElement, e);\n});\n$005843ec607c9454$var$toFaqsElement.addEventListener(\"click\", (e)=>{\n $005843ec607c9454$var$scrollToElement($005843ec607c9454$var$faqsElement, e);\n});\n$005843ec607c9454$var$toCodeOfConductElement.addEventListener(\"click\", (e)=>{\n $005843ec607c9454$var$scrollToElement($005843ec607c9454$var$codeOfConductElement, e);\n});\n$005843ec607c9454$var$toContactElements.forEach((i)=>{\n i.addEventListener(\"click\", (e)=>{\n $005843ec607c9454$var$scrollToElement($005843ec607c9454$var$contactElement, e);\n });\n});\nwindow.onscroll = ()=>{\n $005843ec607c9454$var$heroHeight = $005843ec607c9454$var$hero.scrollHeight - $005843ec607c9454$var$header.offsetHeight;\n // check position to add or remove the style to header to be visible on main content\n if (window.scrollY >= $005843ec607c9454$var$heroHeight) $005843ec607c9454$var$header.classList.add($005843ec607c9454$var$classMain);\n else $005843ec607c9454$var$header.classList.remove($005843ec607c9454$var$classMain);\n // check position to hide or show header\n if (window.scrollY >= $005843ec607c9454$var$header.offsetHeight) {\n $005843ec607c9454$var$newScrollValue = window.pageYOffset;\n if ($005843ec607c9454$var$oldScrollValue < $005843ec607c9454$var$newScrollValue) $005843ec607c9454$var$header.classList.add($005843ec607c9454$var$classHidden);\n else $005843ec607c9454$var$header.classList.remove($005843ec607c9454$var$classHidden);\n $005843ec607c9454$var$oldScrollValue = $005843ec607c9454$var$newScrollValue;\n }\n};\nwindow.onload = ()=>{\n $005843ec607c9454$var$header.classList.remove($005843ec607c9454$var$classHidden);\n};\n\n\nconst $d07e92ee10480bf1$var$contactTitleContainer = document.querySelector(\"#contact-title-container\");\nconst $d07e92ee10480bf1$var$contactTitle = document.querySelector(\"#contact-title\");\nlet $d07e92ee10480bf1$var$intervalId;\nfunction $d07e92ee10480bf1$var$startAnimation() {\n $d07e92ee10480bf1$var$addClonedElements();\n const clones = $d07e92ee10480bf1$var$numberToClone();\n // create array with positions of elements\n let translatePosition = new Array(clones + 1).fill(0);\n $d07e92ee10480bf1$var$intervalId = setInterval(createAnimation, 10);\n function createAnimation() {\n $d07e92ee10480bf1$var$contactTitleContainer.childNodes.forEach((el, i)=>{\n // update element position\n el.style.transform = `translateX(${translatePosition[i]}px)`;\n translatePosition[i] = translatePosition[i] - 1;\n if (Math.round(el.getBoundingClientRect().right) === 0) {\n // safe new position for moved element\n translatePosition[i] = Math.round($d07e92ee10480bf1$var$contactTitleContainer.childNodes[clones].getBoundingClientRect().right);\n // move first element to the end\n const element = el;\n $d07e92ee10480bf1$var$contactTitleContainer.removeChild(element);\n $d07e92ee10480bf1$var$contactTitleContainer.appendChild(element);\n }\n });\n }\n}\nfunction $d07e92ee10480bf1$var$stopInterval() {\n clearInterval($d07e92ee10480bf1$var$intervalId);\n $d07e92ee10480bf1$var$intervalId = null;\n}\nfunction $d07e92ee10480bf1$var$addClonedElements() {\n // create range of elelemnts to be cloned\n const cloneRange = $d07e92ee10480bf1$var$range(1, $d07e92ee10480bf1$var$numberToClone());\n // update container content\n $d07e92ee10480bf1$var$contactTitleContainer.replaceChildren($d07e92ee10480bf1$var$contactTitle);\n // clone elelemnts\n cloneRange.forEach((i)=>{\n const clone = $d07e92ee10480bf1$var$contactTitle.cloneNode(true);\n // add unique id for each cloned element\n clone.id = `contact-title-clone-${i}`;\n $d07e92ee10480bf1$var$contactTitleContainer.appendChild(clone);\n });\n}\nfunction $d07e92ee10480bf1$var$numberToClone() {\n // calculate number of cloned elelemnts\n return Math.ceil($d07e92ee10480bf1$var$contactTitleContainer.offsetWidth / $d07e92ee10480bf1$var$contactTitle.offsetWidth);\n}\nfunction $d07e92ee10480bf1$var$range(start, end) {\n // create range\n return new Array(end - start + 1).fill(undefined).map((_, i)=>i + start);\n}\nfunction $d07e92ee10480bf1$var$debounce(func) {\n let timer;\n return function(event) {\n if (timer) {\n clearTimeout(timer);\n $d07e92ee10480bf1$var$stopInterval();\n }\n timer = setTimeout(func, 200, event);\n };\n}\nwindow.addEventListener(\"resize\", $d07e92ee10480bf1$var$debounce($d07e92ee10480bf1$var$startAnimation));\nconst $d07e92ee10480bf1$var$intersectionObserverOptions = {\n threshold: 0\n};\nconst $d07e92ee10480bf1$var$intersectionObserverCallback = (entries)=>{\n for (const entry of entries)entry.isIntersecting && !$d07e92ee10480bf1$var$intervalId ? $d07e92ee10480bf1$var$startAnimation() : $d07e92ee10480bf1$var$stopInterval();\n};\nconst $d07e92ee10480bf1$var$intersectionObserver = new IntersectionObserver($d07e92ee10480bf1$var$intersectionObserverCallback, $d07e92ee10480bf1$var$intersectionObserverOptions);\n$d07e92ee10480bf1$var$intersectionObserver.observe($d07e92ee10480bf1$var$contactTitleContainer);\n\n\nconst $527e04a01c17ab99$var$conductContent = document.querySelector(\"#conduct-content\");\nconst $527e04a01c17ab99$var$conductButton = document.querySelector(\"#conduct-read-more\");\nfunction $527e04a01c17ab99$var$toggleReadMore() {\n $527e04a01c17ab99$var$conductContent.style.height = `${$527e04a01c17ab99$var$conductContent.scrollHeight}px`;\n $527e04a01c17ab99$var$conductButton.style.opacity = 0;\n setTimeout(()=>{\n $527e04a01c17ab99$var$conductContent.removeAttribute(\"style\");\n $527e04a01c17ab99$var$conductButton.style.display = \"none\";\n }, 550);\n}\n$527e04a01c17ab99$var$conductButton.addEventListener(\"click\", $527e04a01c17ab99$var$toggleReadMore);\n\n\n\n\n//# sourceMappingURL=index.a5c785f0.js.map\n","import * as Header from \"./_header.js\"\nimport * as Contact from \"./_contact.js\"\nimport * as Conduct from \"./_code-of-conduct.js\"\n","// VARIABLES\n\n// elements for mobile menu\nconst menuButton = document.querySelector(\"#menu-button\");\nconst menu = document.querySelector(\"#menu\");\nconst classOpen = \"open\";\n\n// interactive elements for scroll to\nconst toStartElements = document.querySelectorAll(\".to-start\");\nconst toEventElement = document.querySelector(\"#to-event\");\nconst toAboutElement = document.querySelector(\"#to-about\");\nconst toFaqsElement = document.querySelector(\"#to-faqs\");\nconst toCodeOfConductElement = document.querySelector(\"#to-code-of-conduct\");\nconst toContactElements = document.querySelectorAll(\".to-contact\");\n\n// elements to be scrolled to\nconst eventElement = document.querySelector(\"#proximos-eventos\");\nconst aboutElement = document.querySelector(\"#quienes-somos\");\nconst faqsElement = document.querySelector(\"#preguntas-frecuentes\");\nconst codeOfConductElement = document.querySelector(\"#codigo-de-conducta\");\nconst contactElement = document.querySelector(\"#contacto\");\n\n// constants and variables for header changes on scroll\nconst header = document.querySelector(\"#header\");\nconst hero = document.querySelector(\"#inicio\");\nlet heroHeight = hero.scrollHeight - header.scrollHeight;\nlet oldScrollValue = 0;\nlet newScrollValue = window.pageYOffset;\nconst classMain = \"main\";\nconst classHidden = \"hidden\";\nconst lockBodyScroll = \"body-scroll-lock\";\n\n// FUNCTIONS\n\n// Open / close mobile menu\nfunction toggleMenu() {\n if (menuButton.classList.contains(classOpen)) {\n closeMenu();\n document.body.classList.remove(lockBodyScroll);\n } else {\n menuButton.classList.add(classOpen);\n menu.classList.add(classOpen);\n document.body.classList.add(lockBodyScroll);\n }\n};\nfunction closeMenu() {\n menuButton.classList.remove(classOpen);\n menu.classList.remove(classOpen);\n document.body.classList.remove(lockBodyScroll);\n};\n\n// Smooth scroll to\nfunction scrollToElement(el, e) {\n e.preventDefault();\n el.scrollIntoView({ behavior: 'smooth' });\n};\n\n// EVENTS\n\n// event for open / close menu\nmenuButton.addEventListener(\"click\", toggleMenu);\nmenu.addEventListener(\"click\", closeMenu);\n\n// Scroll events\ntoStartElements.forEach((i) => {\n i.addEventListener(\"click\", (e) => {\n e.preventDefault();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n});\ntoEventElement.addEventListener(\"click\", (e) => {\n scrollToElement(eventElement, e);\n});\ntoAboutElement.addEventListener(\"click\", (e) => {\n scrollToElement(aboutElement, e);\n});\ntoFaqsElement.addEventListener(\"click\", (e) => {\n scrollToElement(faqsElement, e);\n});\ntoCodeOfConductElement.addEventListener(\"click\", (e) => {\n scrollToElement(codeOfConductElement, e);\n});\ntoContactElements.forEach((i) => {\n i.addEventListener(\"click\",(e) => {\n scrollToElement(contactElement, e);\n });\n});\n\nwindow.onscroll = () => {\n heroHeight = hero.scrollHeight - header.offsetHeight;\n\n // check position to add or remove the style to header to be visible on main content\n if (window.scrollY >= heroHeight) {\n header.classList.add(classMain);\n } else {\n header.classList.remove(classMain);\n }\n\n // check position to hide or show header\n if (window.scrollY >= header.offsetHeight) {\n newScrollValue = window.pageYOffset;\n if (oldScrollValue < newScrollValue) {\n header.classList.add(classHidden);\n } else {\n header.classList.remove(classHidden);\n }\n oldScrollValue = newScrollValue;\n }\n};\n\nwindow.onload = () => {\n header.classList.remove(classHidden);\n};\n","const contactTitleContainer = document.querySelector(\"#contact-title-container\");\nconst contactTitle = document.querySelector(\"#contact-title\");\n\nlet intervalId;\n\nfunction startAnimation() {\n addClonedElements();\n\n const clones = numberToClone();\n // create array with positions of elements\n let translatePosition = new Array(clones + 1).fill(0);\n\n intervalId = setInterval(createAnimation, 10);\n\n function createAnimation() {\n contactTitleContainer.childNodes.forEach((el, i) => {\n // update element position\n el.style.transform = `translateX(${translatePosition[i]}px)`;\n translatePosition[i] = translatePosition[i] - 1;\n\n if (Math.round(el.getBoundingClientRect().right) === 0) {\n // safe new position for moved element\n translatePosition[i] = Math.round(contactTitleContainer.childNodes[clones].getBoundingClientRect().right);\n\n // move first element to the end\n const element = el;\n contactTitleContainer.removeChild(element);\n contactTitleContainer.appendChild(element);\n }\n });\n }\n};\n\nfunction stopInterval() {\n clearInterval(intervalId);\n intervalId = null;\n}\n\nfunction addClonedElements() {\n // create range of elelemnts to be cloned\n const cloneRange = range(1, numberToClone());\n\n // update container content\n contactTitleContainer.replaceChildren(contactTitle);\n\n // clone elelemnts\n cloneRange.forEach((i) => {\n const clone = contactTitle.cloneNode(true);\n // add unique id for each cloned element\n clone.id = `contact-title-clone-${i}`;\n contactTitleContainer.appendChild(clone);\n });\n};\n\nfunction numberToClone() {\n // calculate number of cloned elelemnts\n return Math.ceil(contactTitleContainer.offsetWidth / contactTitle.offsetWidth);\n};\n\nfunction range(start, end) {\n // create range\n return (new Array(end - start + 1))\n .fill(undefined)\n .map((_, i) => i + start\n );\n};\n\nfunction debounce(func){\n let timer;\n return function(event){\n if(timer) {\n clearTimeout(timer);\n stopInterval();\n }\n timer = setTimeout(func, 200, event);\n };\n}\n\nwindow.addEventListener(\"resize\", debounce( startAnimation ));\n\n\nconst intersectionObserverOptions = { threshold: 0 }\nconst intersectionObserverCallback = (entries) => {\n for (const entry of entries) {\n entry.isIntersecting && !intervalId\n ? startAnimation()\n : stopInterval();\n }\n};\n\nconst intersectionObserver = new IntersectionObserver(intersectionObserverCallback, intersectionObserverOptions);\nintersectionObserver.observe(contactTitleContainer);\n","const conductContent = document.querySelector(\"#conduct-content\");\nconst conductButton = document.querySelector(\"#conduct-read-more\");\n\nfunction toggleReadMore() {\n conductContent.style.height = `${conductContent.scrollHeight}px`;\n conductButton.style.opacity = 0;\n setTimeout(() => {\n conductContent.removeAttribute(\"style\");\n conductButton.style.display = \"none\";\n }, 550)\n};\n\nconductButton.addEventListener(\"click\", toggleReadMore)"],"names":["$d07e92ee10480bf1$var$intervalId","timer","$005843ec607c9454$var$menuButton","document","querySelector","$005843ec607c9454$var$menu","$005843ec607c9454$var$classOpen","$005843ec607c9454$var$toStartElements","querySelectorAll","$005843ec607c9454$var$toEventElement","$005843ec607c9454$var$toAboutElement","$005843ec607c9454$var$toFaqsElement","$005843ec607c9454$var$toCodeOfConductElement","$005843ec607c9454$var$toContactElements","$005843ec607c9454$var$eventElement","$005843ec607c9454$var$aboutElement","$005843ec607c9454$var$faqsElement","$005843ec607c9454$var$codeOfConductElement","$005843ec607c9454$var$contactElement","$005843ec607c9454$var$header","$005843ec607c9454$var$hero","$005843ec607c9454$var$heroHeight","scrollHeight","$005843ec607c9454$var$oldScrollValue","$005843ec607c9454$var$newScrollValue","window","pageYOffset","$005843ec607c9454$var$classMain","$005843ec607c9454$var$classHidden","$005843ec607c9454$var$lockBodyScroll","$005843ec607c9454$var$closeMenu","classList","remove","body","$005843ec607c9454$var$scrollToElement","el","e","preventDefault","scrollIntoView","behavior","addEventListener","contains","add","forEach","i","scrollTo","top","onscroll","offsetHeight","scrollY","onload","$d07e92ee10480bf1$var$contactTitleContainer","$d07e92ee10480bf1$var$contactTitle","$d07e92ee10480bf1$var$startAnimation","$d07e92ee10480bf1$var$addClonedElements","cloneRange","Array","end","$d07e92ee10480bf1$var$numberToClone","fill","undefined","map","_","replaceChildren","clone","cloneNode","id","appendChild","clones","translatePosition","setInterval","childNodes","style","transform","Math","round","getBoundingClientRect","right","removeChild","$d07e92ee10480bf1$var$stopInterval","clearInterval","ceil","offsetWidth","event","clearTimeout","setTimeout","$d07e92ee10480bf1$var$intersectionObserver","IntersectionObserver","entries","entry","isIntersecting","threshold","observe","$527e04a01c17ab99$var$conductContent","$527e04a01c17ab99$var$conductButton","height","opacity","removeAttribute","display"],"version":3,"file":"index.a5c785f0.js.map"} \ No newline at end of file diff --git a/docs/index.d273287b.css b/docs/index.d273287b.css new file mode 100644 index 0000000..a9c1cf7 --- /dev/null +++ b/docs/index.d273287b.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:5rem;font-weight:700;line-height:1.1}.text--title--m{font-size:3rem;font-weight:700;line-height:1.25}.text--title--s{font-size:1.5rem;font-weight:500}.header{z-index:90;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0;right:0}.header:before{content:"";backdrop-filter:blur(10px);z-index:-1;width:100vw;height:100%;transition:all .3s ease-in-out;display:block;position:absolute;top:0}.header__main{margin-right:auto}.header__main--link>.desktop-view{opacity:0;justify-content:center;align-items:center;height:2.75rem;transition:opacity .3s ease-in-out;display:flex}.header__main--link>.desktop-view>img{object-fit:contain;object-position:left;height:100%}.header__nav{margin-left:auto}.header__nav--list{color:#fff;grid-auto-flow:column;align-items:center;column-gap:1rem;width:max-content;display:grid}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header.main:before{background-color:#ffffff80}.header.main .header__main--link>.desktop-view{opacity:1}.header.main .text--link--highlight{color:#252525}.header.main .text--link--highlight:before{background-color:#252525}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:7.5rem;padding-bottom:7.5rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer>section{grid-template-columns:repeat(2,1fr);display:grid}.footer>section>p:last-child{justify-self:right}.footer__logo{grid-column:1/3;row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.grid-layout--with-photo{gap:var(--gap--m);grid-template-columns:13fr 7fr;display:grid}.grid-layout--with-photo.right{grid-template-columns:7fr 13fr;display:grid}.grid-layout--with-photo__info{align-self:center;gap:1rem;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{object-fit:cover;object-position:center}.home--hero{background-image:url(hero-desktop.3995ebbd.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;display:grid}.home--hero__heading{width:calc(100% - var(--gap--m)*2);row-gap:1rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:1rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:7.5rem}.events__all{background-color:#fd7400;outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-top:var(--gap--m);padding-bottom:var(--gap--m);grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location"}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;grid-template:"hgroup image"1fr"link image"/2fr 1fr;gap:2rem;margin-top:7.5rem;margin-bottom:7.5rem;padding:2rem;display:grid;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:150px;height:150px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-70px;right:69px}.no-event__hgroup{grid-area:hgroup}.no-event__title{margin-bottom:2rem}.no-event__wrap-image{background-color:#fff;grid-area:image}.no-event__image{object-fit:cover;object-position:right bottom;width:100%;height:100%;transform:translate(1.5rem)}.no-event__wrap-link{grid-area:link}.community,.python{margin-top:7.5rem}.python__definition{row-gap:1rem;max-width:853.333px;margin-left:auto;margin-right:auto;display:grid}.pros{background-color:#f6f4f1;margin-top:7.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}.pros__list>li{row-gap:1rem;display:grid}.faqs{margin-top:7.5rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{justify-content:center;align-items:center;column-gap:3.5rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;max-width:17rem;height:6rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{grid-template-columns:repeat(2,1fr);margin-top:7.5rem;display:grid}.newsletter__content{color:#fff;background-color:#252525;row-gap:.75rem;padding:2rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;text-decoration-thickness:1px;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:7.5rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;border-left:1px solid #252525;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}.contact__social-media--item{border-right:1px solid #252525}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(1rem)scale(1.5)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.contact__email{padding-top:3.5rem;padding-bottom:3.5rem}.mobile-view{display:none} +/*# sourceMappingURL=index.d273287b.css.map */ diff --git a/docs/index.d273287b.css.map b/docs/index.d273287b.css.map new file mode 100644 index 0000000..41cbb78 --- /dev/null +++ b/docs/index.d273287b.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,iDCVA,kLAcE,6JAWA,gCAGE,qJAQE,0FAOJ,8BAGE,sHAQF,qKASE,6DAMA,+CAGA,yDAGA,kDAGE,oEAGN,qICjFA,yFAOE,iEAIE,gDAGF,mHAQE,+IAWA,6BCjCJ,uFAIE,2EAGA,0FAMA,6CAGE,4EChBJ,0LAKE,kFAKE,0DAIA,+CAGJ,0BAGE,6FAKE,sDAIE,uGAIE,4DAGF,2DAKF,gPAQE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,mLAYE,gUAiBA,mCAEA,oCAEA,4DAGA,kHAMA,oCAIF,qCAOE,qGAOF,0FAOE,6EAKE,yCAKJ,wBAKI,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAKR,wDAKE,yFAMA,iIASE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+EAKE,kGAOE,oKAMA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,iEAKE,wFAME,iDAIF,4KASE,4DAGE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,6GAGN,0EAKE,+EAKF,wFAMA,yDC3ZF","sources":["index.d273287b.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/desktop/base/_typography.sass","src/assets/sass/desktop/layout/_header.sass","src/assets/sass/desktop/layout/_footer.sass","src/assets/sass/desktop/layout/_layouts.sass","src/assets/sass/desktop/pages/_home.sass","src/assets/sass/desktop/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 5rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 3rem;\n font-weight: 700;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.5rem;\n font-weight: 500;\n}\n\n.header {\n z-index: 90;\n justify-content: center;\n align-items: center;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header:before {\n content: \"\";\n backdrop-filter: blur(10px);\n z-index: -1;\n width: 100vw;\n height: 100%;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n top: 0;\n}\n\n.header__main {\n margin-right: auto;\n}\n\n.header__main--link > .desktop-view {\n opacity: 0;\n justify-content: center;\n align-items: center;\n height: 2.75rem;\n transition: opacity .3s ease-in-out;\n display: flex;\n}\n\n.header__main--link > .desktop-view > img {\n object-fit: contain;\n object-position: left;\n height: 100%;\n}\n\n.header__nav {\n margin-left: auto;\n}\n\n.header__nav--list {\n color: #fff;\n grid-auto-flow: column;\n align-items: center;\n column-gap: 1rem;\n width: max-content;\n display: grid;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header.main:before {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--link > .desktop-view {\n opacity: 1;\n}\n\n.header.main .text--link--highlight {\n color: #252525;\n}\n\n.header.main .text--link--highlight:before {\n background-color: #252525;\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer > section {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.footer > section > p:last-child {\n justify-self: right;\n}\n\n.footer__logo {\n grid-column: 1 / 3;\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.grid-layout--with-photo {\n gap: var(--gap--m);\n grid-template-columns: 13fr 7fr;\n display: grid;\n}\n\n.grid-layout--with-photo.right {\n grid-template-columns: 7fr 13fr;\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n object-fit: cover;\n object-position: center;\n}\n\n.home--hero {\n background-image: url(\"hero-desktop.3995ebbd.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n width: calc(100% - var(--gap--m) * 2);\n row-gap: 1rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: 1rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 7.5rem;\n}\n\n.events__all {\n background-color: #fd7400;\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n grid-template: \"hgroup image\" 1fr\n \"link image\"\n / 2fr 1fr;\n gap: 2rem;\n margin-top: 7.5rem;\n margin-bottom: 7.5rem;\n padding: 2rem;\n display: grid;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 150px;\n height: 150px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n top: -70px;\n right: 69px;\n}\n\n.no-event__hgroup {\n grid-area: hgroup;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n grid-area: image;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: right bottom;\n width: 100%;\n height: 100%;\n transform: translateX(1.5rem);\n}\n\n.no-event__wrap-link {\n grid-area: link;\n}\n\n.community, .python {\n margin-top: 7.5rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n max-width: 853.333px;\n margin-left: auto;\n margin-right: auto;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-top: 7.5rem;\n padding-bottom: 7.5rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n.pros__list > li {\n row-gap: 1rem;\n display: grid;\n}\n\n.faqs {\n margin-top: 7.5rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n justify-content: center;\n align-items: center;\n column-gap: 3.5rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n max-width: 17rem;\n height: 6rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n grid-template-columns: repeat(2, 1fr);\n margin-top: 7.5rem;\n display: grid;\n}\n\n.newsletter__content {\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n padding: 2rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n text-decoration-thickness: 1px;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n border-left: 1px solid #252525;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n.contact__social-media--item {\n border-right: 1px solid #252525;\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(1rem)scale(1.5)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.contact__email {\n padding-top: 3.5rem;\n padding-bottom: 3.5rem;\n}\n\n.mobile-view {\n display: none;\n}\n/*# sourceMappingURL=index.d273287b.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 5rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 3rem\n font-weight: 700\n line-height: 1.25\n\n.text--title--s\n font-size: 1.5rem\n font-weight: 500\n",".header\n position: fixed\n top: 0\n left: 0\n right: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n display: flex\n justify-content: center\n align-items: center\n z-index: 90\n transition: $transition--main\n\n &::before\n content: \"\"\n display: block\n position: absolute\n top: 0\n height: 100%\n width: 100vw\n backdrop-filter: blur(10px)\n z-index: -1\n transition: $transition--main\n\n &__main\n margin-right: auto\n\n &--link > .desktop-view\n display: flex\n height: 2.75rem\n justify-content: center\n align-items: center\n opacity: 0\n transition: opacity $transition--main\n\n & > img\n height: 100%\n object:\n fit: contain\n position: left\n\n\n &__nav\n margin-left: auto\n\n &--list\n display: grid\n grid-auto-flow: column\n column-gap: $gap--s\n align-items: center\n width: max-content\n color: $color--white\n\n &__contact\n position: relative\n display: flex\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &.main\n\n &::before\n background-color: rgba($color--white, .5)\n\n .header__main--link > .desktop-view\n opacity: 1\n\n .text--link--highlight\n color: $color--black\n\n &::before\n background-color: $color--black\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n & > section\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n & > p:last-child\n justify-self: right\n\n &__logo\n position: relative\n grid-column: 1 / 3\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n",".grid-layout--with-photo\n @include grid-layout-main\n gap: var(--gap--m)\n\n &.right\n @include grid-layout-main(right)\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n\n &__photo\n display: flex\n\n & > img\n object:\n fit: cover\n position: center\n",".home--hero\n display: grid\n align-items: flex-end\n @include bg-img(\"../img/hero-desktop.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--s\n width: calc(100% - var(--gap--m) * 2)\n\n &--logo\n width: 10rem\n margin-bottom: $gap--s\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n.events\n margin-top: $gap--xxl\n\n &__all\n background-color: $color--orange\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n padding:\n left: var(--gap--m)\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n display: grid\n grid-template-columns: 2fr 1fr\n grid-template-rows: 1fr auto\n grid-template-areas: \"hgroup image\" \"link image\"\n gap: $gap--m\n background-color: $color--orange\n padding: $gap--m\n position: relative\n margin:\n top: $gap--xxl\n bottom: $gap--xxl\n &::after\n $size: 150px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n top: -70px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__hgroup\n grid-area: hgroup\n &__title\n margin-bottom: $gap--m\n &__wrap-image\n grid-area: image\n background-color: $color--white\n &__image\n width: 100%\n height: 100%\n object-fit: cover\n object-position: right bottom\n transform: translatex(1.5rem)\n &__wrap-link\n grid-area: link\n\n// Comunidad\n.community\n margin-top: $gap--xxl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xxl\n\n &__definition\n display: grid\n row-gap: $gap--s\n max-width: $small-width\n @include center-h\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xxl\n background-color: $color--grey\n padding:\n top: $gap--xxl\n bottom: $gap--xxl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n & > li\n display: grid\n row-gap: $gap--s\n\n// Preguntas frecuentes\n.faqs\n margin-top: $gap--xxl\n\n &__all\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n justify-content: center\n align-items: center\n column-gap: $gap--l\n\n &__link\n display: flex\n align-items: center\n height: 6rem\n width: 100%\n max-width: 17rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n display: grid\n grid-template-columns: repeat(2, 1fr)\n margin-top: $gap--xxl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n text-decoration-thickness: 1px\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xxl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n border-left: $border--main $color--black\n\n &--item\n border-right: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(1rem) scale(1.5) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n\n &__email\n padding:\n top: $gap--l\n bottom: $gap--l\n",".mobile-view\n display: none\n"],"names":[],"version":3,"file":"index.d273287b.css.map"} \ No newline at end of file diff --git a/docs/index.eb0c8bd6.css b/docs/index.eb0c8bd6.css new file mode 100644 index 0000000..9e20143 --- /dev/null +++ b/docs/index.eb0c8bd6.css @@ -0,0 +1,2 @@ +@media screen and (width>=901px){:root{--gap--m:3rem}}@media screen and (width<=900px){:root{--gap--m:1.5rem}}@keyframes animation-contact{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes animation-rotation-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}body{text-rendering:optimizeLegibility;font-display:swap;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}img,picture,video,canvas,svg{width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}a{color:unset;-webkit-tap-highlight-color:transparent;text-decoration:none}table{border-collapse:collapse;width:100%;margin-bottom:10px}td,th{border:1px solid #000;padding:.4rem}input{border-radius:0}button::-moz-focus-inner{border:0}input[type=button]::-moz-focus-inner{border:0}input[type=submit]::-moz-focus-inner{border:0}input[type=reset]::-moz-focus-inner{border:0}input[type=color]::-moz-focus-inner{border:0}a:focus,textarea:focus,button:focus,input:focus{outline:none}button{touch-action:manipulation}input[type=button],input[type=checkbox],input[type=email],input[type=file],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none}input:invalid{box-shadow:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{resize:none}@font-face{font-family:pyvlc-icons;src:url(pyvlc-icons.0cc645a6.woff2)format("woff2");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=\ icon-]:before{speak:never;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-family:pyvlc-icons;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.icon-mail:before{content:""}.icon-right-arrow:before{content:""}.icon-twitter-1:before{content:""}.icon-telegram:before{content:""}.icon-slack:before{content:""}.icon-twitter:before{content:""}ul,ol,h1,h2,h3,p,figure{margin:0}ul,ol{padding:0;list-style:none}summary{list-style:none}summary::marker{display:none}summary::-webkit-details-marker{display:none}body{color:#252525;font-family:text,sans-serif;font-weight:400}.container{padding-left:var(--gap--m);padding-right:var(--gap--m);max-width:1280px;margin-left:auto;margin-right:auto}.scroll-to{position:relative}.scroll-to__element{background-color:red;height:7.5rem;display:block;position:absolute;bottom:100%}@font-face{font-family:text;src:url(space-grotesk.a03d586d.woff2)format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}.text--body--l{font-size:1.3rem;font-weight:500}.text--body--m{font-size:1rem;font-weight:300}.text--body--s{font-size:.75rem;font-weight:300}.text--light{font-weight:300}.text--medium{font-weight:500}.text--align-center{text-align:center}.text--orange{color:#fd7400}.text--link--main,.text--link--black{text-decoration:underline;transition:all .3s ease-in-out}.text--link--main:hover{color:#fd7400}.text--link--black:hover{color:#252525;text-decoration-color:#0000}.text--link--highlight{align-items:self-end;transition:all .3s ease-in-out;display:inline-flex;position:relative}.text--link--highlight:before{content:"";z-index:0;background-color:#fff;height:1px;transition:all .3s ease-in-out;display:block;position:absolute;left:0}.text--link--highlight:not(.active):before{width:0}.text--link--highlight:hover:before,.text--link--highlight.active:before{width:100%}.label{width:fit-content;padding:.75rem 1rem;font-size:1rem;font-weight:500;display:block}.label.white{color:#252525;background-color:#fff}.label.black{color:#fff;background-color:#252525}.icon-open{transform-origin:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:all .3s ease-in-out;display:flex;position:relative}.icon-open:before,.icon-open:after{content:"";background-color:#252525;border-radius:1px;transition:all .3s ease-in-out;display:block;position:absolute}.icon-open:before{width:100%;height:2px}.icon-open:after{width:2px;height:100%}.text--title--l{font-size:4rem;font-weight:700;line-height:1.1}.text--title--m{font-size:2rem;font-weight:500;line-height:1.25}.text--title--s{font-size:1.25rem;font-weight:500}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;padding-top:2rem;padding-bottom:1rem;transition:all .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header__contact{color:#fd7400;background-color:#fd740026;border:1px solid #fd7400;width:max-content;padding:.25rem 1rem;transition:all .3s ease-in-out;display:flex;position:relative}.header__contact:hover{color:#fff;background-color:#fd740080}.header__main{grid-template-columns:repeat(2,1fr);display:grid}.header__main--button{background-color:unset;border:unset;z-index:10;height:2rem;padding:.25rem 0;display:flex;position:relative}.header__main--button>span{background-color:#fff;height:2px;transition:all .5s ease-in-out;display:block;position:absolute}.header__main--button>span:not(.header__main--button>span:last-child){align-self:center;width:2rem}.header__main--button>span:first-child{transform:translateY(-.75rem)}.header__main--button>span:last-child{opacity:1;align-self:self-end;width:1rem}.header__main--button.open>span{background-color:#252525}.header__main--button.open>span:first-child{transform:translateY(0)rotate(45deg)}.header__main--button.open>span:nth-child(2){transform:rotate(-45deg)}.header__main--button.open>span:last-child{opacity:0;width:0}.header__main .header__contact{margin-left:auto}.header__nav{box-sizing:border-box;padding:calc(2rem + 2rem*2 + 1rem)var(--gap--m)3.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;width:100%;height:100vh;transition:all .5s ease-in-out;position:fixed;inset:0;transform:translate(-100%)}.header__nav.open{transform:translate(0)}.header__nav--logo{box-sizing:border-box;padding-right:var(--gap--m);width:50%;height:2rem;display:flex;position:absolute;top:2rem;right:0}.header__nav--logo>img{object-fit:contain;object-position:right}.header__nav--list{row-gap:1rem;font-size:1.25rem;display:grid}.header__nav--list>li:last-child{margin-top:.5rem}.header__nav--list .text--link--highlight:before{background-color:#252525}.header.main{background-color:#ffffff80}.header.main .header__main--button>span{background-color:#252525}.header.hidden{transform:translateY(-101%)}.hero{box-sizing:border-box;color:#fff;height:100vh;min-height:fit-content;max-height:70rem;padding-top:5.75rem;padding-bottom:5.75rem}.footer{color:#67a7e0;background-color:#212121;padding-top:5.75rem;padding-bottom:3.5rem}.footer__logo{row-gap:.75rem;margin-bottom:2rem;padding-bottom:2rem;display:grid;position:relative}.footer__logo:after{content:"";background-color:#67a7e0;justify-self:center;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.footer__logo>img{width:4rem}.footer>section>p:last-child{margin-top:.25rem}.grid-layout--with-photo{display:grid}.grid-layout--with-photo__info{padding-top:var(--gap--m);padding-bottom:var(--gap--m);align-self:center;gap:1rem;height:fit-content;display:grid}.grid-layout--with-photo__photo{display:flex}.grid-layout--with-photo__photo>img{aspect-ratio:2;object-fit:cover}@media screen and (width<=500px){.grid-layout--with-photo__photo>img{aspect-ratio:4/3}}.home--hero{background-image:url(hero-mobile.7f482996.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:left;align-items:flex-end;display:grid}.home--hero__heading{row-gap:.75rem;display:grid}.home--hero__heading--logo{width:10rem;margin-bottom:.75rem}.home--hero__heading--subtitle{max-width:31rem}.events{margin-top:5.75rem}.events__all{outline:2px solid #0000;transition:all .3s ease-in-out}.events__all--photo{position:relative;overflow:hidden}.events__all--photo>.events__img{transform-origin:100% 100%;object-position:right;transform:scale(1.5)}.events__all--photo>.events__img:hover{transform:scale(1.5)}.events__all--photo>.label{position:absolute;top:0;right:0}.events__all--info{padding-left:var(--gap--m);padding-right:var(--gap--m);background-color:#fd7400;grid-template-columns:auto 1fr;grid-template-areas:"title title""subtitle subtitle""description description""date time""location location";gap:1rem}.events__all--info__title{grid-area:title;text-decoration-line:underline;text-decoration-color:#fd7400;transition:text-decoration-color .3s ease-in-out}.events__all--info__subtitle{grid-area:subtitle}.events__all--info__description{grid-area:description}.events__all--info__date{grid-area:date}.events__all--info__time{grid-area:time}.events__all--info__location{grid-area:location}.events__all:hover{outline-color:#252525}.events__all:hover .events__all--info__title{text-decoration-color:#252525}.no-event{background-color:#fd7400;margin-bottom:7.5rem;margin-left:0;margin-right:0;padding:2rem 2rem 7.5rem;position:relative}.no-event:after{content:"";background-image:url(loading.5b9072c2.svg);background-size:cover;width:120px;height:120px;animation-name:animation-rotation-loading;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-49px;right:69px}.no-event__title{margin-bottom:2rem}.no-event__wrap-link{margin:2rem 0}.no-event__wrap-image{background-color:#fff}.no-event__image{object-fit:cover;object-position:center bottom;width:100%;transform:translate(1.5rem)}.community,.python{margin-top:5.75rem}.python__definition{row-gap:1rem;display:grid}.pros{background-color:#f6f4f1;margin-top:5.75rem;padding-top:5.75rem;padding-bottom:5.75rem}.pros__list{grid-template-columns:repeat(3,1fr);column-gap:1rem;display:grid}@media screen and (width<=500px){.pros__list{grid-template-columns:1fr;row-gap:1rem}}.pros__list>li{grid-template-rows:auto 1fr;row-gap:1rem;display:grid}.pros__photo{display:none}.faqs{margin-top:5.75rem}.faqs__all{row-gap:2rem}.faqs__all--questions{border:1px solid #252525}.faqs__all--questions__item{transition:all .3s ease-in-out}.faqs__all--questions__item:not(.faqs__all--questions__item:last-child){border-bottom:1px solid #252525}.faqs__all--questions__item>summary{padding:var(--gap--m);grid-template-columns:1fr auto;column-gap:.75rem;transition:all .3s ease-in-out;display:grid}.faqs__all--questions__item>summary:hover{color:#fd7400}.faqs__all--questions__item>summary:hover>.icon-open:before,.faqs__all--questions__item>summary:hover>.icon-open:after{background-color:#fd7400}.faqs__all--questions__item[open]{background-color:#f6f4f1}.faqs__all--questions__item[open]>summary>.icon-open{transform:rotate(45deg)}.faqs__all--questions__item>p{padding-bottom:var(--gap--m);padding-left:var(--gap--m);padding-right:var(--gap--m)}.partners{row-gap:3.5rem;margin-top:7.5rem;display:grid}.partners__list{flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.partners__link{opacity:.8;align-items:center;width:100%;min-width:9rem;max-width:15rem;height:5rem;transition:all .3s ease-in-out;display:flex}.partners__link:hover{opacity:1}.partners__link:hover>.partners__image{transform:scale(1.1)}.partners__image{width:inherit;object-fit:contain;transition:all .3s ease-in-out}.partners__image--idecrea{justify-self:right;height:100%}.partners__image--wayco{justify-self:left;height:75%}.code-of-conduct{background-color:#f6f4f1;margin-top:7.5rem;padding-block:7.5rem}.code-of-conduct div>h2{margin-bottom:1rem}.code-of-conduct div>h3{margin-top:2rem}.code-of-conduct div>p{margin-top:.5rem}.code-of-conduct div>ul{margin-block:1rem}.code-of-conduct div>ul>li{margin-top:.5rem;padding-left:2rem;position:relative}.code-of-conduct div>ul>li:before{content:"";font-family:pyvlc-icons;font-size:.7rem;position:absolute;top:.2rem;left:0}.code-of-conduct__more-content{transition:all .5s ease-in-out}.code-of-conduct__more-button{background-color:unset;border:unset;padding:unset;margin-top:2rem;transition:all .3s ease-in-out}.code-of-conduct__more-button:before{background-color:#252525;height:2px}.code-of-conduct__more-button:hover{color:#fd7400}.code-of-conduct__more-button:hover:before{background-color:#fd7400}.newsletter{margin-top:5.75rem}.newsletter__content{padding:2rem var(--gap--m);color:#fff;background-color:#252525;row-gap:.75rem;display:grid}.newsletter__content>h2{text-decoration-line:underline;text-decoration-color:#252525;transition:text-decoration-color .3s ease-in-out}.newsletter__content--button{grid-auto-flow:column;align-items:center;column-gap:.5rem;margin-top:2rem;padding-right:2rem;transition:background-color .3s ease-in-out;display:grid}.newsletter__content--button>.icon-right-arrow{transform-origin:50%;font-size:.7rem;transition:all .3s ease-in-out}.newsletter__content:hover>h2{text-decoration-color:#fff}.newsletter__content:hover>.newsletter__content--button{background-color:#fd7400}.newsletter__content:hover>.newsletter__content--button>.icon-right-arrow{transform:translate(.5rem)scale(1.1)rotate(-9deg)}.contact{background-color:#67a7e0;margin-top:5.75rem;display:grid}.contact__title{border-bottom:1px solid #252525;width:100%;display:flex;overflow:hidden}@media screen and (width<=675px){.contact__title{border-bottom:unset}}.contact__title>h2{flex-shrink:0;font-weight:400}.contact__social-media{box-sizing:border-box;grid-template-columns:repeat(3,1fr);justify-self:center;width:100%;max-width:1280px;display:grid}@media screen and (width<=675px){.contact__social-media{border-left:unset;grid-template-columns:1fr}}.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:1px solid #252525}@media screen and (width<=675px){.contact__social-media--item:not(.contact__social-media--item:last-child){border-right:unset}.contact__social-media--item{border-top:1px solid #252525}}.contact__social-media--item__link{box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.75rem;height:100%;display:grid}.contact__social-media--item__link>i,.contact__social-media--item__link>span{color:#252525;transition:all .3s ease-in-out}.contact__social-media--item__link:hover>i,.contact__social-media--item__link:hover>span{color:#fff}.contact__social-media--item__link>i:not(.icon-right-arrow){justify-self:right}.contact__social-media--item__link>.icon-telegram{font-size:1.5rem}.contact__social-media--item__link>.icon-twitter{font-size:2rem}.contact__social-media--item__link>.icon-slack{font-size:1.75rem}.contact__social-media--item__link>.icon-right-arrow{transform-origin:50%;width:max-content;margin-top:.15rem;font-size:.75rem}.contact__social-media--item__link:hover>.icon-right-arrow{transform:translate(.75rem)scale(1.25)rotate(-15deg)}.contact__email{border-top:1px solid #252525;width:100%;font-size:1.75rem}@media screen and (width<=500px){.contact__email{font-size:1.25rem}}.contact__email>i,.contact__email>i:before{justify-content:center;display:flex}.contact__title,.contact__email,.contact__social-media--item__link{padding-top:2rem;padding-bottom:2rem}.desktop-view{display:none}.body-scroll-lock{overflow:hidden} +/*# sourceMappingURL=index.eb0c8bd6.css.map */ diff --git a/docs/index.eb0c8bd6.css.map b/docs/index.eb0c8bd6.css.map new file mode 100644 index 0000000..1bf628a --- /dev/null +++ b/docs/index.eb0c8bd6.css.map @@ -0,0 +1 @@ +{"mappings":"AC6BA,iCACE,qBAGF,iCACE,uBClCF,sFAMA,0FCIA,oDAYA,cAQA,mBASA,gCAaA,oDAWA,wCAYA,yBASA,yGAUA,4BAUA,kDAWA,oBASA,8EAQA,kBAIA,cAWA,sBAYA,mGAgBA,8BAUA,kCASA,0EAWA,qDAAA,4DAAA,2DAAA,4DAYA,oDAAA,2DAAA,0DAAA,2DAWA,oCAWA,qGAaA,iCAQA,uBASA,6DAUA,qDAAA,qDAUA,+DASA,iEASA,oEAYA,sBAQA,0BAWA,+BC7UA,yPAiBA,kEASA,0CAOA,kEAQA,2EAYA,6DAKA,0CAKA,sBAMA,kCAAA,8CAAA,8CAAA,6CAAA,6CAQA,6DAQA,iCAMA,6PAiBA,8BAKA,yEAKA,qBC3HA,yIAOA,6ZAqBA,gCACA,uCACA,qCACA,oCACA,iCACA,mCCjCA,iCASA,gCAKA,wBAGE,6BAAA,6CCjBF,+DAKA,sHASA,6BAGE,mGCjBF,qKCAA,gDAIA,8CAIA,gDAIA,6BAGA,8BAGA,sCAGA,4BAKE,8FAKA,sCAGA,mEAIF,iHAME,0JAUA,mDAGA,oFCzDF,0FAOE,iDAIA,iDCXF,qKAYE,wJASA,wCAIA,uCCzBF,+DAKA,gEAKA,kDCVA,yLAaE,uLAUE,6DAIF,+DAIE,iIASE,2HAOE,mGAIA,qEAGA,+EAKF,yDAGE,iFAGA,sEAGA,6DAIJ,gDAGF,2RAYE,yCAGA,2IAUE,gEAKF,+DAKE,kDAGA,0EAGJ,wCAGE,iEAGF,2CAGF,uIC7HA,yFAOE,mGAOE,+IAWA,6BAGF,+CC5BF,sCAGE,iJASA,6CAGE,oEAIE,iCAJF,sDCfJ,8MAME,iDAIE,4DAIA,+CAIJ,2BAGE,oEAIE,sDAIE,uGAIE,4DAGF,2DAKF,uPASE,wJAMA,gDAGA,sDAGA,wCAGA,wCAGA,gDAGF,yCAGE,2EAIN,gIASE,mUAiBA,oCAEA,mCAEA,4CAEA,uGAOF,sCAOE,8CAMF,6FAOE,6EAKE,iCALF,oDASE,qEAKF,0BAIF,yBAGE,wBAGE,+CAGE,2DAGE,wGAGA,uJAOE,wDAII,gJAIN,2DAGE,6EAGF,kHAMR,wDAKE,4GAQA,gJAUE,gCAGE,4DAGJ,iFAKE,yDAIA,qDAIJ,iFAOI,2CAGA,wCAGA,wCAGA,0CAGE,gFAKE,2HAQN,8DAGA,+HAOE,yEAIA,kDAGE,oEAIN,+BAGE,gHAOE,sIAKA,mLASE,mHAOA,yDAGA,iFAGE,4HAIR,kEAKE,wFAME,iCANF,qCASE,iDAIF,8IAQE,iCARF,oEAcI,yGAGE,iCAHF,6FAFF,2DAWE,0JAQE,0HAKA,oGAIA,+EAGA,mEAGA,gEAGA,iEAGA,+HAMA,gHAGN,0EAKE,iCALF,mCAQE,+EAKF,wGCzaF,2BAGA","sources":["index.eb0c8bd6.css","src/assets/sass/main/abstract/_variables.sass","src/assets/sass/main/abstract/_animations.sass","src/assets/sass/main/vendors/normalize.css","src/assets/sass/main/vendors/symbiosis.css","src/assets/sass/main/vendors/pyvlc-icons.css","src/assets/sass/main/base/_reset.sass","src/assets/sass/main/base/_base.sass","src/assets/sass/main/base/_fonts.sass","src/assets/sass/main/base/_typography.sass","src/assets/sass/main/components/_labels.sass","src/assets/sass/main/components/_icons.sass","src/assets/sass/mobile/base/_typography.sass","src/assets/sass/mobile/layout/_header.sass","src/assets/sass/mobile/layout/_footer.sass","src/assets/sass/mobile/layout/_layouts.sass","src/assets/sass/mobile/pages/_home.sass","src/assets/sass/mobile/base/_base.sass"],"sourcesContent":["@media screen and (width >= 901px) {\n :root {\n --gap--m: 3rem;\n }\n}\n\n@media screen and (width <= 900px) {\n :root {\n --gap--m: 1.5rem;\n }\n}\n\n@keyframes animation-contact {\n from {\n transform: translateX(0);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\n@keyframes animation-rotation-loading {\n from {\n transform: rotate(0);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n line-height: 1.15;\n}\n\nbody {\n margin: 0;\n}\n\nmain {\n display: block;\n}\n\nh1 {\n margin: .67em 0;\n font-size: 2em;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\npre {\n font-family: monospace;\n font-size: 1em;\n}\n\na {\n background-color: #0000;\n}\n\nabbr[title] {\n border-bottom: none;\n text-decoration: underline dotted;\n}\n\nb, strong {\n font-weight: bolder;\n}\n\ncode, kbd, samp {\n font-family: monospace;\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub, sup {\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n position: relative;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\nimg {\n border-style: none;\n}\n\nbutton, input, optgroup, select, textarea {\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n}\n\nbutton, input {\n overflow: visible;\n}\n\nbutton, select {\n text-transform: none;\n}\n\nbutton, [type=\"button\"], [type=\"reset\"], [type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"button\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"reset\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\nbutton:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"button\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"reset\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted buttontext;\n}\n\nfieldset {\n padding: .35em .75em .625em;\n}\n\nlegend {\n box-sizing: border-box;\n color: inherit;\n white-space: normal;\n max-width: 100%;\n padding: 0;\n display: table;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=\"checkbox\"], [type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\ndetails {\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate, [hidden] {\n display: none;\n}\n\nbody {\n text-rendering: optimizeLegibility;\n font-display: swap;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n line-height: 1.5;\n}\n\nimg, picture, video, canvas, svg {\n width: 100%;\n height: auto;\n display: block;\n}\n\ninput, button, textarea, select {\n font: inherit;\n}\n\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\na {\n color: unset;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n}\n\ntable {\n border-collapse: collapse;\n width: 100%;\n margin-bottom: 10px;\n}\n\ntd, th {\n border: 1px solid #000;\n padding: .4rem;\n}\n\ninput {\n border-radius: 0;\n}\n\nbutton::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"button\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"submit\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus, textarea:focus, button:focus, input:focus {\n outline: none;\n}\n\nbutton {\n touch-action: manipulation;\n}\n\ninput[type=\"button\"], input[type=\"checkbox\"], input[type=\"email\"], input[type=\"file\"], input[type=\"number\"], input[type=\"reset\"], input[type=\"search\"], input[type=\"submit\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\ninput:invalid {\n box-shadow: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\ntextarea {\n resize: none;\n}\n\n@font-face {\n font-family: pyvlc-icons;\n src: url(\"pyvlc-icons.0cc645a6.woff2\") format(\"woff2\");\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n speak: never;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n text-align: center;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 1em;\n margin-left: .2em;\n margin-right: .2em;\n font-family: pyvlc-icons;\n font-style: normal;\n font-weight: normal;\n line-height: 1em;\n display: inline-block;\n}\n\n.icon-mail:before {\n content: \"\";\n}\n\n.icon-right-arrow:before {\n content: \"\";\n}\n\n.icon-twitter-1:before {\n content: \"\";\n}\n\n.icon-telegram:before {\n content: \"\";\n}\n\n.icon-slack:before {\n content: \"\";\n}\n\n.icon-twitter:before {\n content: \"\";\n}\n\nul, ol, h1, h2, h3, p, figure {\n margin: 0;\n}\n\nul, ol {\n padding: 0;\n list-style: none;\n}\n\nsummary {\n list-style: none;\n}\n\nsummary::marker {\n display: none;\n}\n\nsummary::-webkit-details-marker {\n display: none;\n}\n\nbody {\n color: #252525;\n font-family: text, sans-serif;\n font-weight: 400;\n}\n\n.container {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n max-width: 1280px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.scroll-to {\n position: relative;\n}\n\n.scroll-to__element {\n background-color: red;\n height: 7.5rem;\n display: block;\n position: absolute;\n bottom: 100%;\n}\n\n@font-face {\n font-family: text;\n src: url(\"space-grotesk.a03d586d.woff2\") format(\"woff2-variations\");\n font-weight: 300 700;\n font-style: normal;\n font-display: swap;\n}\n\n.text--body--l {\n font-size: 1.3rem;\n font-weight: 500;\n}\n\n.text--body--m {\n font-size: 1rem;\n font-weight: 300;\n}\n\n.text--body--s {\n font-size: .75rem;\n font-weight: 300;\n}\n\n.text--light {\n font-weight: 300;\n}\n\n.text--medium {\n font-weight: 500;\n}\n\n.text--align-center {\n text-align: center;\n}\n\n.text--orange {\n color: #fd7400;\n}\n\n.text--link--main, .text--link--black {\n text-decoration: underline;\n transition: all .3s ease-in-out;\n}\n\n.text--link--main:hover {\n color: #fd7400;\n}\n\n.text--link--black:hover {\n color: #252525;\n text-decoration-color: #0000;\n}\n\n.text--link--highlight {\n align-items: self-end;\n transition: all .3s ease-in-out;\n display: inline-flex;\n position: relative;\n}\n\n.text--link--highlight:before {\n content: \"\";\n z-index: 0;\n background-color: #fff;\n height: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n left: 0;\n}\n\n.text--link--highlight:not(.active):before {\n width: 0;\n}\n\n.text--link--highlight:hover:before, .text--link--highlight.active:before {\n width: 100%;\n}\n\n.label {\n width: fit-content;\n padding: .75rem 1rem;\n font-size: 1rem;\n font-weight: 500;\n display: block;\n}\n\n.label.white {\n color: #252525;\n background-color: #fff;\n}\n\n.label.black {\n color: #fff;\n background-color: #252525;\n}\n\n.icon-open {\n transform-origin: center;\n justify-content: center;\n align-items: center;\n width: 1.25rem;\n height: 1.25rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.icon-open:before, .icon-open:after {\n content: \"\";\n background-color: #252525;\n border-radius: 1px;\n transition: all .3s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.icon-open:before {\n width: 100%;\n height: 2px;\n}\n\n.icon-open:after {\n width: 2px;\n height: 100%;\n}\n\n.text--title--l {\n font-size: 4rem;\n font-weight: 700;\n line-height: 1.1;\n}\n\n.text--title--m {\n font-size: 2rem;\n font-weight: 500;\n line-height: 1.25;\n}\n\n.text--title--s {\n font-size: 1.25rem;\n font-weight: 500;\n}\n\n.header {\n backdrop-filter: blur(10px);\n z-index: 90;\n padding-top: 2rem;\n padding-bottom: 1rem;\n transition: all .3s ease-in-out;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n}\n\n.header__contact {\n color: #fd7400;\n background-color: #fd740026;\n border: 1px solid #fd7400;\n width: max-content;\n padding: .25rem 1rem;\n transition: all .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.header__contact:hover {\n color: #fff;\n background-color: #fd740080;\n}\n\n.header__main {\n grid-template-columns: repeat(2, 1fr);\n display: grid;\n}\n\n.header__main--button {\n background-color: unset;\n border: unset;\n z-index: 10;\n height: 2rem;\n padding: .25rem 0;\n display: flex;\n position: relative;\n}\n\n.header__main--button > span {\n background-color: #fff;\n height: 2px;\n transition: all .5s ease-in-out;\n display: block;\n position: absolute;\n}\n\n.header__main--button > span:not(.header__main--button > span:last-child) {\n align-self: center;\n width: 2rem;\n}\n\n.header__main--button > span:first-child {\n transform: translateY(-.75rem);\n}\n\n.header__main--button > span:last-child {\n opacity: 1;\n align-self: self-end;\n width: 1rem;\n}\n\n.header__main--button.open > span {\n background-color: #252525;\n}\n\n.header__main--button.open > span:first-child {\n transform: translateY(0)rotate(45deg);\n}\n\n.header__main--button.open > span:nth-child(2) {\n transform: rotate(-45deg);\n}\n\n.header__main--button.open > span:last-child {\n opacity: 0;\n width: 0;\n}\n\n.header__main .header__contact {\n margin-left: auto;\n}\n\n.header__nav {\n box-sizing: border-box;\n padding: calc(2rem + 2rem * 2 + 1rem) var(--gap--m) 3.5rem;\n backdrop-filter: blur(10px);\n background-color: #ffffffe6;\n width: 100%;\n height: 100vh;\n transition: all .5s ease-in-out;\n position: fixed;\n inset: 0;\n transform: translateX(-100%);\n}\n\n.header__nav.open {\n transform: translateX(0);\n}\n\n.header__nav--logo {\n box-sizing: border-box;\n padding-right: var(--gap--m);\n width: 50%;\n height: 2rem;\n display: flex;\n position: absolute;\n top: 2rem;\n right: 0;\n}\n\n.header__nav--logo > img {\n object-fit: contain;\n object-position: right;\n}\n\n.header__nav--list {\n row-gap: 1rem;\n font-size: 1.25rem;\n display: grid;\n}\n\n.header__nav--list > li:last-child {\n margin-top: .5rem;\n}\n\n.header__nav--list .text--link--highlight:before {\n background-color: #252525;\n}\n\n.header.main {\n background-color: #ffffff80;\n}\n\n.header.main .header__main--button > span {\n background-color: #252525;\n}\n\n.header.hidden {\n transform: translateY(-101%);\n}\n\n.hero {\n box-sizing: border-box;\n color: #fff;\n height: 100vh;\n min-height: fit-content;\n max-height: 70rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.footer {\n color: #67a7e0;\n background-color: #212121;\n padding-top: 5.75rem;\n padding-bottom: 3.5rem;\n}\n\n.footer__logo {\n row-gap: .75rem;\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n display: grid;\n position: relative;\n}\n\n.footer__logo:after {\n content: \"\";\n background-color: #67a7e0;\n justify-self: center;\n height: 1px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.footer__logo > img {\n width: 4rem;\n}\n\n.footer > section > p:last-child {\n margin-top: .25rem;\n}\n\n.grid-layout--with-photo {\n display: grid;\n}\n\n.grid-layout--with-photo__info {\n padding-top: var(--gap--m);\n padding-bottom: var(--gap--m);\n align-self: center;\n gap: 1rem;\n height: fit-content;\n display: grid;\n}\n\n.grid-layout--with-photo__photo {\n display: flex;\n}\n\n.grid-layout--with-photo__photo > img {\n aspect-ratio: 2;\n object-fit: cover;\n}\n\n@media screen and (width <= 500px) {\n .grid-layout--with-photo__photo > img {\n aspect-ratio: 4 / 3;\n }\n}\n\n.home--hero {\n background-image: url(\"hero-mobile.7f482996.webp\");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n justify-content: left;\n align-items: flex-end;\n display: grid;\n}\n\n.home--hero__heading {\n row-gap: .75rem;\n display: grid;\n}\n\n.home--hero__heading--logo {\n width: 10rem;\n margin-bottom: .75rem;\n}\n\n.home--hero__heading--subtitle {\n max-width: 31rem;\n}\n\n.events {\n margin-top: 5.75rem;\n}\n\n.events__all {\n outline: 2px solid #0000;\n transition: all .3s ease-in-out;\n}\n\n.events__all--photo {\n position: relative;\n overflow: hidden;\n}\n\n.events__all--photo > .events__img {\n transform-origin: 100% 100%;\n object-position: right;\n transform: scale(1.5);\n}\n\n.events__all--photo > .events__img:hover {\n transform: scale(1.5);\n}\n\n.events__all--photo > .label {\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.events__all--info {\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n background-color: #fd7400;\n grid-template-columns: auto 1fr;\n grid-template-areas: \"title title\"\n \"subtitle subtitle\"\n \"description description\"\n \"date time\"\n \"location location\";\n gap: 1rem;\n}\n\n.events__all--info__title {\n grid-area: title;\n text-decoration-line: underline;\n text-decoration-color: #fd7400;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.events__all--info__subtitle {\n grid-area: subtitle;\n}\n\n.events__all--info__description {\n grid-area: description;\n}\n\n.events__all--info__date {\n grid-area: date;\n}\n\n.events__all--info__time {\n grid-area: time;\n}\n\n.events__all--info__location {\n grid-area: location;\n}\n\n.events__all:hover {\n outline-color: #252525;\n}\n\n.events__all:hover .events__all--info__title {\n text-decoration-color: #252525;\n}\n\n.no-event {\n background-color: #fd7400;\n margin-bottom: 7.5rem;\n margin-left: 0;\n margin-right: 0;\n padding: 2rem 2rem 7.5rem;\n position: relative;\n}\n\n.no-event:after {\n content: \"\";\n background-image: url(\"loading.5b9072c2.svg\");\n background-size: cover;\n width: 120px;\n height: 120px;\n animation-name: animation-rotation-loading;\n animation-duration: 10s;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n display: block;\n position: absolute;\n bottom: -49px;\n right: 69px;\n}\n\n.no-event__title {\n margin-bottom: 2rem;\n}\n\n.no-event__wrap-link {\n margin: 2rem 0;\n}\n\n.no-event__wrap-image {\n background-color: #fff;\n}\n\n.no-event__image {\n object-fit: cover;\n object-position: center bottom;\n width: 100%;\n transform: translateX(1.5rem);\n}\n\n.community, .python {\n margin-top: 5.75rem;\n}\n\n.python__definition {\n row-gap: 1rem;\n display: grid;\n}\n\n.pros {\n background-color: #f6f4f1;\n margin-top: 5.75rem;\n padding-top: 5.75rem;\n padding-bottom: 5.75rem;\n}\n\n.pros__list {\n grid-template-columns: repeat(3, 1fr);\n column-gap: 1rem;\n display: grid;\n}\n\n@media screen and (width <= 500px) {\n .pros__list {\n grid-template-columns: 1fr;\n row-gap: 1rem;\n }\n}\n\n.pros__list > li {\n grid-template-rows: auto 1fr;\n row-gap: 1rem;\n display: grid;\n}\n\n.pros__photo {\n display: none;\n}\n\n.faqs {\n margin-top: 5.75rem;\n}\n\n.faqs__all {\n row-gap: 2rem;\n}\n\n.faqs__all--questions {\n border: 1px solid #252525;\n}\n\n.faqs__all--questions__item {\n transition: all .3s ease-in-out;\n}\n\n.faqs__all--questions__item:not(.faqs__all--questions__item:last-child) {\n border-bottom: 1px solid #252525;\n}\n\n.faqs__all--questions__item > summary {\n padding: var(--gap--m);\n grid-template-columns: 1fr auto;\n column-gap: .75rem;\n transition: all .3s ease-in-out;\n display: grid;\n}\n\n.faqs__all--questions__item > summary:hover {\n color: #fd7400;\n}\n\n.faqs__all--questions__item > summary:hover > .icon-open:before, .faqs__all--questions__item > summary:hover > .icon-open:after {\n background-color: #fd7400;\n}\n\n.faqs__all--questions__item[open] {\n background-color: #f6f4f1;\n}\n\n.faqs__all--questions__item[open] > summary > .icon-open {\n transform: rotate(45deg);\n}\n\n.faqs__all--questions__item > p {\n padding-bottom: var(--gap--m);\n padding-left: var(--gap--m);\n padding-right: var(--gap--m);\n}\n\n.partners {\n row-gap: 3.5rem;\n margin-top: 7.5rem;\n display: grid;\n}\n\n.partners__list {\n flex-wrap: wrap-reverse;\n justify-content: center;\n align-items: center;\n gap: 1rem 2rem;\n display: flex;\n}\n\n.partners__link {\n opacity: .8;\n align-items: center;\n width: 100%;\n min-width: 9rem;\n max-width: 15rem;\n height: 5rem;\n transition: all .3s ease-in-out;\n display: flex;\n}\n\n.partners__link:hover {\n opacity: 1;\n}\n\n.partners__link:hover > .partners__image {\n transform: scale(1.1);\n}\n\n.partners__image {\n width: inherit;\n object-fit: contain;\n transition: all .3s ease-in-out;\n}\n\n.partners__image--idecrea {\n justify-self: right;\n height: 100%;\n}\n\n.partners__image--wayco {\n justify-self: left;\n height: 75%;\n}\n\n.code-of-conduct {\n background-color: #f6f4f1;\n margin-top: 7.5rem;\n padding-block: 7.5rem;\n}\n\n.code-of-conduct div > h2 {\n margin-bottom: 1rem;\n}\n\n.code-of-conduct div > h3 {\n margin-top: 2rem;\n}\n\n.code-of-conduct div > p {\n margin-top: .5rem;\n}\n\n.code-of-conduct div > ul {\n margin-block: 1rem;\n}\n\n.code-of-conduct div > ul > li {\n margin-top: .5rem;\n padding-left: 2rem;\n position: relative;\n}\n\n.code-of-conduct div > ul > li:before {\n content: \"\";\n font-family: pyvlc-icons;\n font-size: .7rem;\n position: absolute;\n top: .2rem;\n left: 0;\n}\n\n.code-of-conduct__more-content {\n transition: all .5s ease-in-out;\n}\n\n.code-of-conduct__more-button {\n background-color: unset;\n border: unset;\n padding: unset;\n margin-top: 2rem;\n transition: all .3s ease-in-out;\n}\n\n.code-of-conduct__more-button:before {\n background-color: #252525;\n height: 2px;\n}\n\n.code-of-conduct__more-button:hover {\n color: #fd7400;\n}\n\n.code-of-conduct__more-button:hover:before {\n background-color: #fd7400;\n}\n\n.newsletter {\n margin-top: 5.75rem;\n}\n\n.newsletter__content {\n padding: 2rem var(--gap--m);\n color: #fff;\n background-color: #252525;\n row-gap: .75rem;\n display: grid;\n}\n\n.newsletter__content > h2 {\n text-decoration-line: underline;\n text-decoration-color: #252525;\n transition: text-decoration-color .3s ease-in-out;\n}\n\n.newsletter__content--button {\n grid-auto-flow: column;\n align-items: center;\n column-gap: .5rem;\n margin-top: 2rem;\n padding-right: 2rem;\n transition: background-color .3s ease-in-out;\n display: grid;\n}\n\n.newsletter__content--button > .icon-right-arrow {\n transform-origin: center;\n font-size: .7rem;\n transition: all .3s ease-in-out;\n}\n\n.newsletter__content:hover > h2 {\n text-decoration-color: #fff;\n}\n\n.newsletter__content:hover > .newsletter__content--button {\n background-color: #fd7400;\n}\n\n.newsletter__content:hover > .newsletter__content--button > .icon-right-arrow {\n transform: translate(.5rem)scale(1.1)rotate(-9deg);\n}\n\n.contact {\n background-color: #67a7e0;\n margin-top: 5.75rem;\n display: grid;\n}\n\n.contact__title {\n border-bottom: 1px solid #252525;\n width: 100%;\n display: flex;\n overflow: hidden;\n}\n\n@media screen and (width <= 675px) {\n .contact__title {\n border-bottom: unset;\n }\n}\n\n.contact__title > h2 {\n flex-shrink: 0;\n font-weight: 400;\n}\n\n.contact__social-media {\n box-sizing: border-box;\n grid-template-columns: repeat(3, 1fr);\n justify-self: center;\n width: 100%;\n max-width: 1280px;\n display: grid;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media {\n border-left: unset;\n grid-template-columns: 1fr;\n }\n}\n\n.contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: 1px solid #252525;\n}\n\n@media screen and (width <= 675px) {\n .contact__social-media--item:not(.contact__social-media--item:last-child) {\n border-right: unset;\n }\n\n .contact__social-media--item {\n border-top: 1px solid #252525;\n }\n}\n\n.contact__social-media--item__link {\n box-sizing: border-box;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n column-gap: .75rem;\n height: 100%;\n display: grid;\n}\n\n.contact__social-media--item__link > i, .contact__social-media--item__link > span {\n color: #252525;\n transition: all .3s ease-in-out;\n}\n\n.contact__social-media--item__link:hover > i, .contact__social-media--item__link:hover > span {\n color: #fff;\n}\n\n.contact__social-media--item__link > i:not(.icon-right-arrow) {\n justify-self: right;\n}\n\n.contact__social-media--item__link > .icon-telegram {\n font-size: 1.5rem;\n}\n\n.contact__social-media--item__link > .icon-twitter {\n font-size: 2rem;\n}\n\n.contact__social-media--item__link > .icon-slack {\n font-size: 1.75rem;\n}\n\n.contact__social-media--item__link > .icon-right-arrow {\n transform-origin: center;\n width: max-content;\n margin-top: .15rem;\n font-size: .75rem;\n}\n\n.contact__social-media--item__link:hover > .icon-right-arrow {\n transform: translate(.75rem)scale(1.25)rotate(-15deg);\n}\n\n.contact__email {\n border-top: 1px solid #252525;\n width: 100%;\n font-size: 1.75rem;\n}\n\n@media screen and (width <= 500px) {\n .contact__email {\n font-size: 1.25rem;\n }\n}\n\n.contact__email > i, .contact__email > i:before {\n justify-content: center;\n display: flex;\n}\n\n.contact__title, .contact__email, .contact__social-media--item__link {\n padding-top: 2rem;\n padding-bottom: 2rem;\n}\n\n.desktop-view {\n display: none;\n}\n\n.body-scroll-lock {\n overflow: hidden;\n}\n/*# sourceMappingURL=index.eb0c8bd6.css.map */\n","// COLORS //\n$color--black: #252525\n$color--black-footer: #212121\n$color--white: #fff\n$color--background-menu: #f6f4f1\n$color--grey: #f6f4f1\n$color--grey-text: #575757\n$color--orange: #fd7400\n$color--blue: #67a7e0\n\n// SIZES //\n\n/* Breakpoints */\n$breakpoint--m: 1280px\n$breakpoint--s: 900px\n$breakpoint--xs-plus: 675px\n$breakpoint--xs: 500px\n\n/* Gaps */\n$gap--xxl: 7.5rem\n$gap--xl: 5.75rem\n$gap--l: 3.5rem\n$gap--m: 2rem\n$gap--s: 1rem\n$gap--xs: .75rem\n$gap--xxs: .5rem\n$gap--xxxs: .25rem\n\n/* Responsive vars */\n@media screen and (min-width: calc(#{$breakpoint--s} + 1px))\n :root\n --gap--m: 3rem\n\n@media screen and (max-width: $breakpoint--s)\n :root\n --gap--m: 1.5rem\n\n/* Specific element */\n$home-hero-subtitle: 31rem\n$small-width: calc(#{$breakpoint--m} / 1.5)\n\n// BORDERS //\n$border--main: 1px solid\n\n// TRANSITIONS //\n$transition--main: .3s ease-in-out\n$transition--slow: .5s ease-in-out\n","@keyframes animation-contact\n from\n transform: translateX(0)\n to\n transform: translateX(-100%)\n\n@keyframes animation-rotation-loading\n from\n transform: rotate(0deg)\n to\n transform: rotate(360deg)\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","/*\n Typographic tweaks!\n Add accessible line-height\n Improve text rendering\n*/\nbody {\n /* Common: Standardizes typography */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n /* Common: Sets in common the way of rendering the text */\n text-rendering: optimizeLegibility;\n /* Common: Optimize load font. */\n font-display: swap;\n /* Common: Smooth the font on the level of the pixel */\n -webkit-font-smoothing: antialiased;\n /* Common: correct the line height */\n line-height: 1.5;\n margin: 0;\n}\n\n/*\n Improve media defaults\n*/\nimg, picture, video, canvas, svg {\n display: block;\n width: 100%;\n height: auto;\n}\n\n/*\n Remove built-in form typography styles\n*/\ninput, button, textarea, select {\n font: inherit;\n}\n\n/*\n Avoid text overflows and add hyphenation when needed\n*/\np, h1, h2, h3, h4, h5, h6 {\n word-wrap: break-word;\n overflow-wrap: break-word;\n /* -webkit-hyphens: auto; */\n /* -moz-hyphens: auto; */\n /* hyphens: auto; */\n}\n\na {\n /* Remove the bottom line */\n text-decoration: none;\n /* Remove default color */\n color: unset;\n /* iOS: remove the color of the highlight that appears over a link while it's being tapped */\n -webkit-tap-highlight-color: transparent;\n}\n\n/*\n Table: Standardize and modernize the appearance\n*/\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\ntd, th {\n padding: .4rem;\n border: 1px solid black;\n}\n\ninput {\n /* Remove border radius */\n border-radius: 0;\n}\n\n/* Firefox: remove inner focus ring */\nbutton::-moz-focus-inner,\ninput[type=\"button\"]::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner,\ninput[type=\"color\"]::-moz-focus-inner {\n border: 0;\n}\n\na:focus,\ntextarea:focus,\nbutton:focus,\ninput:focus {\n outline: none;\n}\n\n/* iOS: remove zoom double tap */\nbutton {\n touch-action: manipulation;\n}\n\n/* iOS && Firefox: remove default input appearince */\n/* Remove or add any input type */\ninput[type=\"button\"],\ninput[type=\"checkbox\"],\ninput[type=\"email\"],\ninput[type=\"file\"],\ninput[type=\"number\"],\ninput[type=\"reset\"],\ninput[type=\"search\"],\ninput[type=\"submit\"],\ninput[type=\"tel\"],\ninput[type=\"text\"],\ninput[type=\"url\"],\ntextarea {\n -moz-appearance: none;\n -webkit-appearance: none;\n}\n\n/* Firefox: remove default input:invalid appearence */\ninput:invalid {\n box-shadow: none;\n}\n\n/* iOS: remove the \"cancel button\" at the edge of an of type=\"search\" */\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n}\n\n/* Remove resize option for textarea */\ntextarea {\n resize: none;\n}\n","@font-face {\n font-family: 'pyvlc-icons';\n src: url('../fonts/pyvlc-icons.woff2?9804011') format('woff2');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"icon-\"]:before, [class*=\" icon-\"]:before {\n font-family: \"pyvlc-icons\";\n font-style: normal;\n font-weight: normal;\n speak: never;\n display: inline-block;\n text-decoration: inherit;\n width: 1em;\n margin-right: .2em;\n margin-left: .2em;\n text-align: center;\n /* For safety - reset parent styles, that can break glyph codes*/\n font-variant: normal;\n text-transform: none;\n /* fix buttons height, for twitter bootstrap */\n line-height: 1em;\n /* Font smoothing. That was taken from TWBS */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-mail:before { content: '\\e802'; } \n.icon-right-arrow:before { content: '\\e803'; }\n.icon-twitter-1:before { content: '\\e804'; }\n.icon-telegram:before { content: '\\e805'; }\n.icon-slack:before { content: '\\e806'; }\n.icon-twitter:before { content: '\\f099'; }\n","ul,\nol,\nh1,\nh2,\nh3,\np,\nfigure\n margin: 0\n\nul,\nol\n list-style: none\n padding: 0\n\nsummary\n list-style: none\n\n &::-webkit-details-marker,\n &::marker\n display: none\n","body\n color: $color--black\n font-family: \"text\", sans-serif\n font-weight: 400\n\n.container\n max-width: $breakpoint--m\n margin:\n left: auto\n right: auto\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n.scroll-to\n position: relative\n\n &__element\n position: absolute\n bottom: 100%\n display: block\n height: $gap--xxl\n background-color: red\n","@font-face\n font-family: \"text\"\n src: url(\"../fonts/space-grotesk.woff2\") format(\"woff2-variations\")\n font-weight: 300 700\n font-style: normal\n font-display: swap\n",".text--body--l\n font-size: 1.3rem\n font-weight: 500\n\n.text--body--m\n font-size: 1rem\n font-weight: 300\n\n.text--body--s\n font-size: .75rem\n font-weight: 300\n\n.text--light\n font-weight: 300\n\n.text--medium\n font-weight: 500\n\n.text--align-center\n text-align: center\n\n.text--orange\n color: $color--orange\n\n.text--link\n\n &--main,\n &--black\n text-decoration: underline\n transition: $transition--main\n\n &--main:hover\n color: $color--orange\n\n &--black:hover\n color: $color--black\n text-decoration-color: transparent\n\n.text--link--highlight\n position: relative\n display: inline-flex\n align-items: self-end\n transition: $transition--main\n\n &::before\n content: \"\"\n position: absolute\n left: 0\n display: block\n height: 1px\n background-color: $color--white\n z-index: 0\n transition: $transition--main\n\n &:not(.active)::before\n width: 0\n\n &:hover::before\n width: 100%\n\n &.active::before\n width: 100%\n",".label\n display: block\n width: fit-content\n padding: $gap--xs $gap--s\n font-size: 1rem\n font-weight: 500\n\n &.white\n background-color: $color--white\n color: $color--black\n\n &.black\n background-color: $color--black\n color: $color--white\n",".icon-open\n $size: 1.25rem\n $width: 2px\n position: relative\n display: flex\n align-items: center\n justify-content: center\n height: $size\n width: $size\n transform-origin: center\n transition: $transition--main\n\n &::before,\n &::after\n content: \"\"\n position: absolute\n display: block\n border-radius: calc(#{$width} / 2)\n background-color: $color--black\n transition: $transition--main\n\n &::before\n width: 100%\n height: $width\n\n &::after\n width: $width\n height: 100%\n",".text--title--l\n font-size: 4rem\n font-weight: 700\n line-height: 1.1\n\n.text--title--m\n font-size: 2rem\n font-weight: 500\n line-height: 1.25\n\n.text--title--s\n font-size: 1.25rem\n font-weight: 500\n",".header\n $button-size: 2rem\n position: fixed\n right: 0\n left: 0\n top: 0\n padding:\n top: $gap--m\n bottom: $gap--s\n backdrop-filter: blur(10px)\n z-index: 90\n transition: $transition--main\n\n &__contact\n position: relative\n display: flex\n width: max-content\n padding: $gap--xxxs $gap--s\n color: $color--orange\n border: $border--main $color--orange\n background-color: rgba($color--orange, .15)\n transition: $transition--main\n\n &:hover\n color: $color--white\n background-color: rgba($color--orange, .5)\n\n &__main\n display: grid\n grid-template-columns: repeat(2, 1fr)\n\n &--button\n position: relative\n display: flex\n height: $button-size\n background-color: unset\n border: unset\n padding: $gap--xxxs 0\n z-index: 10\n\n & > span\n position: absolute\n display: block\n height: 2px\n background-color: $color--white\n transition: $transition--slow\n\n &:not(&:last-child)\n width: $button-size\n align-self: center\n\n &:first-child\n transform: translateY(calc(-#{$button-size} / 2 + #{$gap--xxxs}))\n\n &:last-child\n align-self: self-end\n width: calc(#{$button-size} / 2)\n opacity: 1\n\n &.open > span\n background-color: $color--black\n\n &:first-child\n transform: translateY(0) rotate(45deg)\n\n &:nth-child(2)\n transform: rotate(-45deg)\n\n &:last-child\n width: 0\n opacity: 0\n\n .header__contact\n margin-left: auto\n\n &__nav\n box-sizing: border-box\n position: fixed\n inset: 0\n height: 100vh\n width: 100%\n padding: calc(#{$button-size} + #{$gap--m} * 2 + #{$gap--s}) var(--gap--m) $gap--l\n background-color: rgba($color--white, .9)\n backdrop-filter: blur(10px)\n transform: translateX(-100%)\n transition: $transition--slow\n\n &.open\n transform: translateX(0)\n\n &--logo\n box-sizing: border-box\n position: absolute\n right: 0\n top: $gap--m\n display: flex\n height: $button-size\n width: 50%\n padding-right: var(--gap--m)\n\n & > img\n object:\n fit: contain\n position: right\n\n &--list\n display: grid\n row-gap: $gap--s\n font-size: 1.25rem\n\n & > li:last-child\n margin-top: $gap--xxs\n\n .text--link--highlight::before\n background-color: $color--black\n\n &.main\n background-color: rgba($color--white, .5)\n\n .header__main--button > span\n background-color: $color--black\n\n &.hidden\n transform: translateY(-101%)\n\n.hero\n box-sizing: border-box\n height: 100vh\n max-height: 70rem\n min-height: fit-content\n color: $color--white\n padding:\n top: $gap--xl\n bottom: $gap--xl\n",".footer\n color: $color--blue\n background-color: $color--black-footer\n padding:\n top: $gap--xl\n bottom: $gap--l\n\n &__logo\n position: relative\n display: grid\n row-gap: $gap--xs\n margin-bottom: $gap--m\n padding-bottom: $gap--m\n\n &::after\n content: \"\"\n position: absolute\n bottom: 0\n left: 0\n right: 0\n justify-self: center\n display: block\n height: 1px\n background-color: $color--blue\n\n & > img\n width: 4rem\n\n & > section > p:last-child\n margin-top: $gap--xxxs\n",".grid-layout--with-photo\n display: grid\n\n &__info\n display: grid\n gap: $gap--s\n height: fit-content\n align-self: center\n padding:\n top: var(--gap--m)\n bottom: var(--gap--m)\n\n &__photo\n display: flex\n\n & > img\n aspect-ratio: 2 / 1\n object-fit: cover\n\n @media screen and (max-width: $breakpoint--xs)\n aspect-ratio: 4 / 3\n",".home--hero\n display: grid\n align-items: flex-end\n justify-content: left\n @include bg-img(\"../img/hero-mobile.webp\")\n\n &__heading\n display: grid\n row-gap: $gap--xs\n\n &--logo\n width: 10rem\n margin-bottom: $gap--xs\n\n &--subtitle\n max-width: $home-hero-subtitle\n\n// Próximos eventos\n.events\n margin-top: $gap--xl\n\n &__all\n outline: 2px solid transparent\n transition: $transition--main\n\n &--photo\n position: relative\n overflow: hidden\n\n & > .events__img\n transform-origin: right bottom\n transform: scale(1.5)\n object-position: right\n &:hover\n transform: scale(1.5)\n\n & > .label\n position: absolute\n top: 0\n right: 0\n\n &--info\n grid-template-columns: auto 1fr\n grid-template-areas: \"title title\" \"subtitle subtitle\" \"description description\" \"date time\" \"location location\"\n gap: $gap--s\n background-color: $color--orange\n padding:\n left: var(--gap--m)\n right: var(--gap--m)\n\n &__title\n grid-area: title\n text-decoration-line: underline\n text-decoration-color: $color--orange\n transition: text-decoration-color $transition--main\n\n &__subtitle\n grid-area: subtitle\n\n &__description\n grid-area: description\n\n &__date\n grid-area: date\n\n &__time\n grid-area: time\n\n &__location\n grid-area: location\n\n &:hover\n outline-color: $color--black\n\n .events__all--info__title\n text-decoration-color: $color--black\n\n// Sin eventos\n.no-event\n position: relative\n background-color: $color--orange\n padding: $gap--m\n padding-bottom: $gap--xxl\n margin:\n left: 0\n right: 0\n bottom: $gap--xxl\n &::after\n $size: 120px\n display: block\n content: \"\"\n width: $size\n height: $size\n position: absolute\n bottom: -49px\n right: 69px\n background:\n image: url(\"../img/talks/loading.svg\")\n size: cover\n animation:\n name: animation-rotation-loading\n duration: 10s\n iteration-count: infinite\n timing-function: linear\n &__title\n margin-bottom: $gap--m\n &__wrap-link\n margin: $gap--m 0\n &__wrap-image\n background-color: $color--white\n &__image\n width: 100%\n object-fit: cover\n object-position: center bottom\n transform: translatex(1.5rem)\n\n// Comunidad\n.community\n margin-top: $gap--xl\n\n// ¿Conoces Python?\n.python\n margin-top: $gap--xl\n\n &__definition\n display: grid\n row-gap: $gap--s\n\n\n// Ventajas de pertenecer a la comunidad\n.pros\n margin-top: $gap--xl\n background-color: $color--grey\n padding:\n top: $gap--xl\n bottom: $gap--xl\n\n &__list\n display: grid\n grid-template-columns: repeat(3, 1fr)\n column-gap: $gap--s\n\n @media screen and (max-width: $breakpoint--xs)\n grid-template-columns: 1fr\n row-gap: $gap--s\n\n & > li\n display: grid\n grid-template-rows: auto 1fr\n row-gap: $gap--s\n\n &__photo\n display: none\n\n// FAQs\n.faqs\n margin-top: $gap--xl\n\n &__all\n row-gap: $gap--m\n\n &--questions\n border: $border--main $color--black\n\n &__item\n transition: $transition--main\n\n &:not(&:last-child)\n border-bottom: $border--main $color--black\n\n & > summary\n display: grid\n grid-template-columns: 1fr auto\n column-gap: $gap--xs\n padding: var(--gap--m)\n transition: $transition--main\n\n &:hover\n color: $color--orange\n\n & > .icon-open\n &::before,\n &::after\n background-color: $color--orange\n\n &[open]\n background-color: $color--grey\n\n & > summary > .icon-open\n transform: rotate(45deg)\n\n & > p\n padding:\n bottom: var(--gap--m)\n left: var(--gap--m)\n right: var(--gap--m)\n\n.partners\n display: grid\n margin-top: $gap--xxl\n row-gap: $gap--l\n\n &__list\n display: flex\n flex-wrap: wrap-reverse\n justify-content: center\n align-items: center\n column-gap: $gap--m\n row-gap: $gap--s\n\n &__link\n display: flex\n align-items: center\n width: 100%\n min-width: 9rem\n max-width: 15rem\n height: 5rem\n opacity: .8\n transition: $transition--main\n\n &:hover\n opacity: 1\n\n & > .partners__image\n transform: scale(1.1)\n\n &__image\n width: inherit\n object-fit: contain\n transition: $transition--main\n\n &--idecrea\n height: 100%\n justify-self: right\n\n &--wayco \n height: 75%\n justify-self: left\n\n.code-of-conduct\n margin-top: $gap--xxl\n background-color: $color--grey\n padding-block: $gap--xxl\n\n div\n\n & > h2\n margin-bottom: $gap--s\n\n & > h3\n margin-top: $gap--m\n\n & > p\n margin-top: $gap--xxs\n\n & > ul\n margin-block: $gap--s\n\n & > li\n position: relative\n margin-top: $gap--xxs\n padding-left: $gap--m\n\n &::before\n content: '\\e803'\n font-family: 'pyvlc-icons'\n font-size: .7rem\n position: absolute\n top: .2rem\n left: 0\n\n &__more-content\n transition: $transition--slow\n\n &__more-button\n background-color: unset\n border: unset\n padding: unset\n margin-top: $gap--m\n transition: $transition--main\n\n &::before\n height: 2px\n background-color: $color--black\n\n &:hover\n color: $color--orange\n\n &::before\n background-color: $color--orange\n\n// Newsletter\n.newsletter\n margin-top: $gap--xl\n\n &__content\n display: grid\n row-gap: $gap--xs\n padding: $gap--m var(--gap--m)\n color: $color--white\n background-color: $color--black\n\n & > h2\n text-decoration-line: underline\n text-decoration-color: $color--black\n transition: text-decoration-color $transition--main\n\n &--button\n display: grid\n grid-auto-flow: column\n align-items: center\n column-gap: $gap--xxs\n margin-top: $gap--m\n padding-right: $gap--m\n transition: background-color $transition--main\n\n & > .icon-right-arrow\n font-size: .7rem\n transform-origin: center\n transition: $transition--main\n\n &:hover\n\n & > h2\n text-decoration-color: $color--white\n\n & > .newsletter__content--button\n background-color: $color--orange\n\n & > .icon-right-arrow\n transform: translate(.5rem) scale(1.1) rotate(-9deg)\n\n// Contacto\n.contact\n display: grid\n background-color: $color--blue\n margin-top: $gap--xl\n\n &__title\n display: flex\n width: 100%\n overflow: hidden\n border-bottom: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-bottom: unset\n\n & > h2\n flex-shrink: 0\n font-weight: 400\n\n &__social-media\n box-sizing: border-box\n display: grid\n grid-template-columns: repeat(3, 1fr)\n justify-self: center\n width: 100%\n max-width: $breakpoint--m\n\n @media screen and (max-width: $breakpoint--xs-plus)\n grid-template-columns: 1fr\n border-left: unset\n\n &--item\n\n &:not(&:last-child)\n border-right: $border--main $color--black\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-right: unset\n\n @media screen and (max-width: $breakpoint--xs-plus)\n border-top: $border--main $color--black\n\n &__link\n box-sizing: border-box\n display: grid\n grid-template-columns: 1fr auto 1fr\n column-gap: $gap--xs\n height: 100%\n align-items: center\n\n & > i,\n & > span\n color: $color--black\n transition: $transition--main\n\n &:hover > i,\n &:hover > span\n color: $color--white\n\n & > i:not(.icon-right-arrow)\n justify-self: right\n\n & > .icon-telegram\n font-size: 1.5rem\n\n & > .icon-twitter\n font-size: 2rem\n\n & > .icon-slack\n font-size: 1.75rem\n\n & > .icon-right-arrow\n width: max-content\n font-size: .75rem\n margin-top: .15rem\n transform-origin: center\n\n &:hover > .icon-right-arrow\n transform: translate(.75rem) scale(1.25) rotate(-15deg)\n\n &__email\n width: 100%\n border-top: $border--main $color--black\n font-size: 1.75rem\n\n @media screen and (max-width: $breakpoint--xs)\n font-size: 1.25rem\n\n & > i,\n & > i::before\n display: flex\n justify-content: center\n\n &__title,\n &__email,\n &__social-media--item__link\n padding:\n top: $gap--m\n bottom: $gap--m\n",".desktop-view\n display: none\n\n.body-scroll-lock\n overflow: hidden\n"],"names":[],"version":3,"file":"index.eb0c8bd6.css.map"} \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 390468a..38b53f7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1 +1 @@ -Python Valencia

Python
Valencia

La comunidad de Python Valencia es un grupo de entusiastas que se dedican a compartir sus conocimientos sobre Python

Nos encontramos organizando la siguiente charla/evento/taller

Si quieres estar al tanto de las novedades, puedes suscribirte a nuestra newsletter y seguirnos en redes sociales. También puedes visitar nuestro grupo de MeetUp.

Eventos anteriores

No hay eventos
miembros de la comunidad Python Valencia

Quiénes somos

La comunidad de Python Valencia

Es un grupo de enamorados de la programación, buenas prácticas y arquitecturas que se dedican a compartir sus conocimientos sobre el lenguaje de la pitón que más nos gusta.

¿Conoces Python?

Por si aún no lo conoces, Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en la legibilidad de su código. Se trata de un lenguaje de programación multiparadigma, ya que soporta orientación a objetos, programación imperativa y, en menor medida, programación funcional. Es un lenguaje dinámico y forzado a tipos débiles.

Entidades que también colaboran con Python Vallencia

Ventajas de pertenecer a la comunidad

Al estar en contacto directo con otros miembros de la comunidad, se pueden obtener numerosas ventajas.

  1. 1_

    Se puede aprender mucho sobre el lenguaje y cómo aplicarlo a diversos proyectos.

  2. 2_

    También te ayudará a conocer las últimas tendencias en el desarrollo de Python.

  3. 3_

    Estar al tanto de los últimos lanzamientos de la plataforma.

comunidad Python Valencia

Preguntas frecuentes

¿Debo pagar una cuota?

No es necesario, con tu asistencia y ganas de colaborar ya estás aportando mucho.

¿Cómo puedo participar?

Asistiendo a las charlas o proponiendo una ponencia. Estaremos encantados de escucharte, sea de Python u otra tecnología igual de alucinante.

¿El proyecto tiene algún costo?

No, como el buen software.

¿Estáis abiertos a nuevos colaboradores?

Cuantas más manos, más grande serán nuestros logros. Te asignaremos un grupo de trabajo que más se ajuste a tus habilidades.

¿Cómo puedo ponerme en contacto?

En cualquiera de nuestras redes sociales.

Código de conducta

Python Valencia es un grupo de entusiastas de Python dedicado a la organización de eventos de distintos tipos, que busca asegurar que todas las personas que participen en dichos eventos o comunicaciones tengan una experiencia positiva de aprendizaje, colaboración y ocio.

La comunidad está formada por miembros con un conjunto diverso de habilidades, personalidades y experiencias. Es a través de estas diferencias que nuestra comunidad experimenta grandes éxitos y un crecimiento continuo.

Cuando interactúe con miembros de la comunidad, este Código de conducta le ayudará a dirigir sus interacciones y a mantener a Python como una comunidad positiva, exitosa y en crecimiento. Para ello, se espera que quien participe en la comunidad muestre respeto y cortesía hacia el resto.

Nuestra comunidad

Los miembros de la comunidad Python son abiertos, considerados y respetuosos . Los comportamientos que refuerzan estos valores contribuyen a un ambiente positivo e incluyen:

  • Estar abierto.

    Los miembros de la comunidad están abiertos a la colaboración a fin de hacer crecer nuestra comunidad. Toda ayuda es bienvenida y ninguna idea carece de valor.

  • Centrándose en lo que es mejor para la comunidad.

    Somos respetuosos de los procesos establecidos en la comunidad y trabajamos dentro de ellos.

  • Reconociendo el tiempo y el esfuerzo.

    Respetamos los esfuerzos voluntarios que impregnan la comunidad Python. Somos reflexivos al abordar los esfuerzos de los demás, teniendo en cuenta que muchas veces el trabajo se completó simplemente por el bien de la comunidad.

  • Ser respetuoso de los diferentes puntos de vista y experiencias.

    Somos receptivos a comentarios y críticas constructivas, ya que las experiencias y habilidades de otros miembros contribuyen a todos nuestros esfuerzos.

  • Mostrar empatía hacia otros miembros de la comunidad.

    Estamos atentos en nuestras comunicaciones, ya sea en persona o en línea, y tenemos tacto al abordar puntos de vista diferentes.

  • Ser considerado.

    Los miembros de la comunidad son considerados con sus pares: otros usuarios de Python.

  • Ser respetuoso.

    Respetamos a los demás, sus posiciones, sus habilidades, sus compromisos y sus esfuerzos.

  • Aceptar con gracia las críticas constructivas.

    Cuando no estamos de acuerdo, somos corteses al plantear nuestros problemas.

  • Utilizar un lenguaje acogedor e inclusivo.

    Aceptamos a todos los que deseen participar en nuestras actividades, fomentando un ambiente donde cualquiera puede participar y todos pueden marcar la diferencia.

Alcance

Este código de conducta es aplicable a todas las personas que participen en espacios de la comunidad de Python Valencia, ya sean en línea o presenciales. También se aplica a espacios públicos donde una persona esté en representación de la comunidad. Ejemplos de esto último incluyen el uso de la cuenta oficial de correo electrónico, publicaciones a través de las redes sociales oficiales, o presentaciones con personas designadas en eventos en línea o no.

Nuestros estándares

Todo miembro de nuestra comunidad tiene derecho a que se respete su identidad. La comunidad Python Valencia se dedica a brindar una experiencia positiva para todos, independientemente de su edad, identidad y expresión de género, orientación sexual, discapacidad, apariencia física, tamaño corporal, origen étnico, nacionalidad, raza o religión (o falta de ella), educación o Estatus socioeconómico.

Comportamiento inapropiado

Ejemplos de comportamiento inaceptable por parte de los participantes incluyen:

  • El uso de lenguaje o imágenes sexualizadas, y aproximaciones o atenciones sexuales de cualquier tipo
  • Comentarios despectivos (trolling), insultantes o derogatorios, y ataques personales o políticos
  • Bromas racistas, sexistas o excluyentes
  • El acoso en público o privado
  • Publicar información privada de otras personas, tales como direcciones físicas o de correo electrónico, sin su permiso explícito
  • Otras conductas que puedan ser razonablemente consideradas como inapropiadas en un entorno profesional

Por acoso se entiende comentarios ofensivos relacionados con género, orientación sexual, discapacidad, apariencia física, tamaño corporal, etnia o religión, pornografía en espacios públicos, intimidación deliberada, acecho, persecución, acoso por fotografías o grabaciones, constante interrupción de charlas u otros eventos, contacto físico inapropiado y atención sexual no deseada.

Se espera que los miembros de la comunidad a los que se les pide que pongan fin a cualquier comportamiento inapropiado cumplan de inmediato.

Cumplimiento

La administración de la comunidad es responsable de aclarar y hacer cumplir este código de conducta; en caso de que se determine un comportamiento inadecuado, tomará las acciones que considere oportunas. Éstas van desde exigir el cese del comportamiento, hasta la expulsión de una persona de un evento o de la comunidad, sin derecho a reembolso/compensación de cualquier aportación. La administración de la comunidad tendrá el derecho y la responsabilidad de eliminar, editar o rechazar mensajes, comentarios, commits, código, ediciones de páginas de wiki, tickets y otras contribuciones que no se alineen con este código de conducta, y comunicará las razones para sus decisiones de moderación cuando sea apropiado.

Información del contacto

Si cree que alguien está violando el código de conducta o tiene alguna otra inquietud, comuníquese de inmediato enviando un correo electrónico a valencia@es.python.org o acuda a cualquier miembro organizador durante el transcurso de nuestros eventos.

Todas las personas organizadoras de la comunidad están obligadas a respetar la privacidad y la seguridad de quienes denuncien incidentes.

Atribuciones

Este código de conducta extiende del código de conducta de la Python Software Foundation y del de la asociación de Python España.

© 2023 Todos los derechos reservados

Desarrollado por Python Valencia - Con la ayuda de Idecrea

\ No newline at end of file +Python Valencia

Python
Valencia

La comunidad de Python Valencia es un grupo de entusiastas que se dedican a compartir sus conocimientos sobre Python

Nos encontramos organizando la siguiente charla/evento/taller

Si quieres estar al tanto de las novedades, puedes suscribirte a nuestra newsletter y seguirnos en redes sociales. También puedes visitar nuestro grupo de MeetUp.

Eventos anteriores

No hay eventos
miembros de la comunidad Python Valencia

Quiénes somos

La comunidad de Python Valencia

Es un grupo de enamorados de la programación, buenas prácticas y arquitecturas que se dedican a compartir sus conocimientos sobre el lenguaje de la pitón que más nos gusta.

¿Conoces Python?

Por si aún no lo conoces, Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en la legibilidad de su código. Se trata de un lenguaje de programación multiparadigma, ya que soporta orientación a objetos, programación imperativa y, en menor medida, programación funcional. Es un lenguaje dinámico y forzado a tipos débiles.

Entidades que también colaboran con Python Vallencia

Ventajas de pertenecer a la comunidad

Al estar en contacto directo con otros miembros de la comunidad, se pueden obtener numerosas ventajas.

  1. 1_

    Se puede aprender mucho sobre el lenguaje y cómo aplicarlo a diversos proyectos.

  2. 2_

    También te ayudará a conocer las últimas tendencias en el desarrollo de Python.

  3. 3_

    Estar al tanto de los últimos lanzamientos de la plataforma.

comunidad Python Valencia

Preguntas frecuentes

¿Debo pagar una cuota?

No es necesario, con tu asistencia y ganas de colaborar ya estás aportando mucho.

¿Cómo puedo participar?

Asistiendo a las charlas o proponiendo una ponencia. Estaremos encantados de escucharte, sea de Python u otra tecnología igual de alucinante.

¿El proyecto tiene algún costo?

No, como el buen software.

¿Estáis abiertos a nuevos colaboradores?

Cuantas más manos, más grande serán nuestros logros. Te asignaremos un grupo de trabajo que más se ajuste a tus habilidades.

¿Cómo puedo ponerme en contacto?

En cualquiera de nuestras redes sociales.

Código de conducta

Python Valencia es un grupo de entusiastas de Python dedicado a la organización de eventos de distintos tipos, que busca asegurar que todas las personas que participen en dichos eventos o comunicaciones tengan una experiencia positiva de aprendizaje, colaboración y ocio.

La comunidad está formada por miembros con un conjunto diverso de habilidades, personalidades y experiencias. Es a través de estas diferencias que nuestra comunidad experimenta grandes éxitos y un crecimiento continuo.

Cuando interactúe con miembros de la comunidad, este Código de conducta le ayudará a dirigir sus interacciones y a mantener a Python como una comunidad positiva, exitosa y en crecimiento. Para ello, se espera que quien participe en la comunidad muestre respeto y cortesía hacia el resto.

Nuestra comunidad

Los miembros de la comunidad Python son abiertos, considerados y respetuosos . Los comportamientos que refuerzan estos valores contribuyen a un ambiente positivo e incluyen:

  • Estar abierto.

    Los miembros de la comunidad están abiertos a la colaboración a fin de hacer crecer nuestra comunidad. Toda ayuda es bienvenida y ninguna idea carece de valor.

  • Centrándose en lo que es mejor para la comunidad.

    Somos respetuosos de los procesos establecidos en la comunidad y trabajamos dentro de ellos.

  • Reconociendo el tiempo y el esfuerzo.

    Respetamos los esfuerzos voluntarios que impregnan la comunidad Python. Somos reflexivos al abordar los esfuerzos de los demás, teniendo en cuenta que muchas veces el trabajo se completó simplemente por el bien de la comunidad.

  • Ser respetuoso de los diferentes puntos de vista y experiencias.

    Somos receptivos a comentarios y críticas constructivas, ya que las experiencias y habilidades de otros miembros contribuyen a todos nuestros esfuerzos.

  • Mostrar empatía hacia otros miembros de la comunidad.

    Estamos atentos en nuestras comunicaciones, ya sea en persona o en línea, y tenemos tacto al abordar puntos de vista diferentes.

  • Ser considerado.

    Los miembros de la comunidad son considerados con sus pares: otros usuarios de Python.

  • Ser respetuoso.

    Respetamos a los demás, sus posiciones, sus habilidades, sus compromisos y sus esfuerzos.

  • Aceptar con gracia las críticas constructivas.

    Cuando no estamos de acuerdo, somos corteses al plantear nuestros problemas.

  • Utilizar un lenguaje acogedor e inclusivo.

    Aceptamos a todos los que deseen participar en nuestras actividades, fomentando un ambiente donde cualquiera puede participar y todos pueden marcar la diferencia.

Alcance

Este código de conducta es aplicable a todas las personas que participen en espacios de la comunidad de Python Valencia, ya sean en línea o presenciales. También se aplica a espacios públicos donde una persona esté en representación de la comunidad. Ejemplos de esto último incluyen el uso de la cuenta oficial de correo electrónico, publicaciones a través de las redes sociales oficiales, o presentaciones con personas designadas en eventos en línea o no.

Nuestros estándares

Todo miembro de nuestra comunidad tiene derecho a que se respete su identidad. La comunidad Python Valencia se dedica a brindar una experiencia positiva para todos, independientemente de su edad, identidad y expresión de género, orientación sexual, discapacidad, apariencia física, tamaño corporal, origen étnico, nacionalidad, raza o religión (o falta de ella), educación o Estatus socioeconómico.

Comportamiento inapropiado

Ejemplos de comportamiento inaceptable por parte de los participantes incluyen:

  • El uso de lenguaje o imágenes sexualizadas, y aproximaciones o atenciones sexuales de cualquier tipo
  • Comentarios despectivos (trolling), insultantes o derogatorios, y ataques personales o políticos
  • Bromas racistas, sexistas o excluyentes
  • El acoso en público o privado
  • Publicar información privada de otras personas, tales como direcciones físicas o de correo electrónico, sin su permiso explícito
  • Otras conductas que puedan ser razonablemente consideradas como inapropiadas en un entorno profesional

Por acoso se entiende comentarios ofensivos relacionados con género, orientación sexual, discapacidad, apariencia física, tamaño corporal, etnia o religión, pornografía en espacios públicos, intimidación deliberada, acecho, persecución, acoso por fotografías o grabaciones, constante interrupción de charlas u otros eventos, contacto físico inapropiado y atención sexual no deseada.

Se espera que los miembros de la comunidad a los que se les pide que pongan fin a cualquier comportamiento inapropiado cumplan de inmediato.

Cumplimiento

La administración de la comunidad es responsable de aclarar y hacer cumplir este código de conducta; en caso de que se determine un comportamiento inadecuado, tomará las acciones que considere oportunas. Éstas van desde exigir el cese del comportamiento, hasta la expulsión de una persona de un evento o de la comunidad, sin derecho a reembolso/compensación de cualquier aportación. La administración de la comunidad tendrá el derecho y la responsabilidad de eliminar, editar o rechazar mensajes, comentarios, commits, código, ediciones de páginas de wiki, tickets y otras contribuciones que no se alineen con este código de conducta, y comunicará las razones para sus decisiones de moderación cuando sea apropiado.

Información del contacto

Si cree que alguien está violando el código de conducta o tiene alguna otra inquietud, comuníquese de inmediato enviando un correo electrónico a valencia@es.python.org o acuda a cualquier miembro organizador durante el transcurso de nuestros eventos.

Todas las personas organizadoras de la comunidad están obligadas a respetar la privacidad y la seguridad de quienes denuncien incidentes.

Atribuciones

Este código de conducta extiende del código de conducta de la Python Software Foundation y del de la asociación de Python España.

© 2023 Todos los derechos reservados

Desarrollado por Python Valencia - Con la ayuda de Idecrea

\ No newline at end of file diff --git a/src/index.php b/src/index.php index df68e70..6f4ebfa 100644 --- a/src/index.php +++ b/src/index.php @@ -200,19 +200,6 @@ class="home--hero__heading--logo" - -