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.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.html b/docs/index.html index 1b81310..b28bee6 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.

\ 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.

\ No newline at end of file