style.css

.image-cta{border-radius:200px;box-sizing:border-box;border:3px solid #EF4470}*{transition:all .1s linear}::-moz-selection{color:#fff;background:#363643}::selection{color:#fff;background:#363643}body{font-family:"Inconsolata",monospace;font-size:20px;overflow-x:hidden;margin:0;padding:0;hyphens:auto;text-rendering:optimizeLegibility}a{padding:2px;text-decoration:none;color:#EF4470;border-bottom:1px solid #EF4470;box-shadow:inset 0 -3px 0 #EF4470}a:hover,a:focus{text-decoration:none;color:#fff;background-color:#EF4470}h2{position:relative;display:inline-block}h2:before{position:absolute;right:-24px;bottom:-3px;width:22px;height:1px;content:'';-webkit-animation:blink-animation 1s steps(5, start) infinite;animation:blink-animation 1s steps(5, start) infinite;border-bottom:5px solid #363643}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}@media (max-width: 600px){.row{margin-right:0;margin-left:0}}.marginbottom{margin-bottom:30px}section{margin-bottom:50px;padding-top:40px;outline:none}p{margin-top:20px;margin-bottom:20px}img{max-width:100%}.small{font-size:12px}header{position:absolute;z-index:1000;width:100%;height:50px;padding:10px;color:#fff}header.affix{opacity:1;background-color:#363643}header .logo{font-family:"Lato",sans-serif;font-weight:700;float:left;margin-left:20px;text-align:left}header .logo a{color:#fff}header nav{text-align:right;hyphens:none}header nav ul{display:inline-block;padding-right:20px;padding-left:20px}header nav ul li{display:inline-block;margin-right:10px;margin-left:10px}header nav ul li a{font-size:.8em;color:#fff}header nav ul li a:focus{text-decoration:none;color:#fff}header #menuToggle{position:relative;z-index:1;top:7px;right:20px;display:none;float:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header #menuToggle input{position:absolute;z-index:2;top:-7px;left:-5px;display:block;width:40px;height:32px;cursor:pointer;opacity:0;-webkit-touch-callout:none}header #menuToggle span{position:relative;z-index:1;display:block;width:33px;height:4px;margin-right:-10px;margin-bottom:5px;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease;transform-origin:4px 0;border-radius:3px;background:#EF4470}header #menuToggle span:first-child{transform-origin:0 0}header #menuToggle span:nth-last-child(2){transform-origin:0 100%}header #menuToggle input:checked ~ span{transform:rotate(45deg) translate(-2px, -1px);opacity:1;background:#EF4470}header #menuToggle input:checked ~ span:nth-last-child(3){transform:rotate(0deg) scale(0.2, 0.2);opacity:0}header #menuToggle input:checked ~ span:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px)}header #menu{position:absolute;display:none;margin:-100px 0 0 -50px;padding:20px;padding-top:100px;list-style-type:none;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);transform:translate(100%, 0);transform-origin:0 0;background-color:#363643;-webkit-font-smoothing:antialiased}header #menu li{font-size:22px;display:block;padding:10px 0}header #menuToggle input:checked ~ ul{display:inline-block;transform:translate(-57%, 0)}#landing{position:relative;z-index:10;padding-top:30px;color:#fff}#landing.coc{max-height:380px;margin-bottom:30px;background:#363643}.withback{height:100px;margin-top:70px;background-repeat:no-repeat;background-position:center}.logo img{width:80%}.title,.subtitle{font-family:"Lato",sans-serif}.title{font-size:80px;font-weight:900;line-height:96px;display:inline-block}.subtitle{font-size:1.3em;font-weight:300;line-height:40px}#info{margin:48px 0 48px 0}.info-subtitle{font-family:"Lato",sans-serif;font-size:2em;font-weight:700;line-height:40px;color:#363643}@media (max-width: 600px){.info-subtitle{font-size:1.8em}}.info-category{font-size:24px;font-weight:700;line-height:32px;margin:20px 0 20px 0;color:#363643}.low-spacing{margin:10px 0 10px 0}.medium-spacing{margin:50px 0 50px 0}ul{padding-left:0;list-style-type:none}.footer{font-size:.8em;padding:5px;background-color:#363643}.footer a{color:#fff}.cta{font-size:1.1em;display:block;min-width:300px;max-width:300px;margin:50px auto auto;padding:15px;text-align:center;color:#fff;border-bottom:none;border-radius:100px;background-color:#EF4470;box-shadow:none}.cta:hover{background-color:#ec2357}.cta:focus{text-decoration:none;color:#fff}.text{text-align:left}.subscribe{color:#363643;font-size:16px;width:250px;margin-bottom:10px;padding:5px 15px 5px 15px;border:2px solid #EF4470;border-radius:24px;outline:0}.subscribe-submit{font-size:.8em;width:120px;margin-bottom:10px;padding:5px;color:#fff;border-color:transparent;border-radius:24px;outline:0;background:#EF4470}.newsletter{margin-bottom:0;padding-top:30px;padding-bottom:20px;color:#fff;background-color:#363643}.newsletter .call-to-subscribe{line-height:26px}.newsletter ::-webkit-input-placeholder{color:#d8d8d8}.newsletter :-moz-placeholder{opacity:1;color:#d8d8d8}.newsletter ::-moz-placeholder{opacity:1;color:#d8d8d8}.newsletter :-ms-input-placeholder{color:#d8d8d8}.newsletter ::-ms-input-placeholder{color:#d8d8d8}.dirty{font-family:"Lato",sans-serif;font-size:1.3em;font-weight:700;color:#363643}.homepage-hero-module{position:relative;background-color:#F2F2F2;border-right:none;border-left:none}.no-video .video-container video,.touch .video-container video{display:none}.no-video .video-container .poster,.touch .video-container .poster{display:block !important}.video-container{position:relative;bottom:0;left:0;overflow:hidden;width:100%;height:100%;-webkit-clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 90%, 0% 100%)}@media (max-width: 800px){.video-container{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}}.video-container .poster img{position:absolute;bottom:0;width:100%}.video-container .filter{position:absolute;z-index:1;width:100%;height:100%;background-color:#363643}.video-container video{position:absolute;z-index:0;top:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover}.venue-icon{margin-top:50px}.venue-icon img{max-width:250px}.speaker{text-align:center}.speaker h3{font-family:"Lato",sans-serif;font-size:1.2em;font-weight:700;margin-top:30px;margin-bottom:30px;color:#363643}.speaker .bio{font-size:.8em;text-align:left}.speaker .tags span{font-size:12px;display:inline-block;margin-right:10px;padding:2px;padding-right:8px;padding-left:8px;color:#fff;border-radius:20px}.speaker .tags span.charla{background-color:#363643}.speaker .tags span.taller{background-color:#363643}.speaker .tags span.kata{background-color:#363643}#ticketea{padding-bottom:60px;background-color:#f8f8ff}.ticketea a{border:none;box-shadow:none}.ticketea a:hover{background-color:transparent}@media (max-width: 991px){.title{font-size:60px}.menu-desktop{display:none}header #menuToggle{display:block}.newsletter{text-align:center}.newsletter input{display:block;margin:auto}}@media (max-width: 768px){.title{font-size:60px}.video-container{max-height:100%}#landing{padding-bottom:0}}@media (max-width: 480px){#landing{padding-bottom:0}#landing .logo{margin-top:80px}#landing .withback{display:none}#landing .subtitle{font-size:1em}}.material-icons{font-family:'Material Icons' !important;font-size:28px;font-weight:normal;font-style:normal;vertical-align:bottom}.directions{margin-top:30px}.directions li{margin-bottom:20px}.map iframe{width:100%}.avatar{max-width:160px;border-radius:50%}.twitter{font-size:1em;margin-top:-20px}#who img{display:inline-block}#sponsors{text-align:center}#sponsors .col{text-align:center}#sponsors img{display:inline-block}#sponsors .patro{padding:25px;padding-top:30px;padding-bottom:30px;background-color:#f8f8ff}#sponsors .sponsor{align-items:center;margin-bottom:30px}#sponsors .sponsor h4{margin-bottom:20px}#sponsors .sponsor a{border:none;box-shadow:none;text-shadow:none}#sponsors .sponsor a:hover{opacity:.8;background-color:transparent;box-shadow:none}#sponsors .sponsor a:focus{background-color:transparent}#sponsors .sponsor-row{display:flex;align-items:center}#sponsors h3{font-weight:700;margin-bottom:40px}#sponsors .spo{margin-bottom:40px}.content{font-size:.8em;margin-bottom:40px;text-align:left}#contents{padding-bottom:40px;background-color:#f8f8ff}#contents .row{padding:10px}#contents h3{font-family:"Lato",sans-serif;font-size:1.2em;font-weight:700;margin-top:30px;margin-bottom:20px;color:#363643}#contents h4{font-weight:700;font-style:italic;margin-bottom:10px;padding-bottom:20px;color:#363643;border-bottom:1px solid #363643}#contents h4.charla{color:#363643;border-color:#363643}#contents h4.taller{color:#363643;border-color:#363643}#contents h4.kata{color:#363643;border-color:#363643}#contents h5{font-size:1em;font-weight:700}#contents .cont-item{margin-bottom:50px}#contents .cont{font-size:.8em;text-align:left}#contents .cont strong{display:block;margin-top:15px}#contents .tags{margin-top:30px;margin-bottom:40px}#contents .tags span{font-size:18px;display:block;margin-right:10px;padding:4px 8px;color:#fff;border-radius:20px}#contents .tags span.charla{background-color:#363643}#contents .tags span.livecoding{background-color:#363643}#contents .tags span.taller{background-color:#363643}#contents .tags span.kata{background-color:#363643}.code{font-family:"Courier New",Courier,monospace}#tickets{background:#F8F7FA;margin-bottom:0px}#timetable{background-color:#F2F2F2}.day-title{font-size:22px;font-weight:700}div.timetable-date{font-size:14px;font-weight:800;padding:8px 0}.vertical-timetable{line-height:1}.vertical-timetable div.element{text-align:left;margin-top:16px}.vertical-timetable div.element div.content{background-color:white;padding:14px 14px 14px 16px;border-left:4px solid #EF4470;margin-bottom:0;font-size:16px}.vertical-timetable div.element div.content a.not-link{box-shadow:none;border-bottom:none;color:#363643}.vertical-timetable div.element div.content a.not-link:hover{color:white}.vertical-timetable div.element div.content.workshop{border-left:4px solid #5154AA}.vertical-timetable div.element div.content .who{margin-top:8px}.vertical-timetable div.element div.content p{margin:0px;font-size:16px}div.timetable-tags{margin-top:8px;line-height:2}div.timetable-tags span.timetable-tag{padding:4px 5px;font-size:13px;border-radius:4px}div.timetable-tags span.timetable-tag.room01{background-color:rgba(41,167,108,0.3);border:1px solid #29A76C}div.timetable-tags span.timetable-tag.room02{background-color:rgba(231,189,46,0.3);border:1px solid #E7BD2E}div.timetable-tags span.timetable-tag.room03{background-color:rgba(133,96,78,0.3);border:1px solid #85604E}div.timetable-tags span.timetable-tag.room04{background-color:rgba(71,65,208,0.3);border:1px solid #4741D0}div.timetable-tags span.timetable-tag.room05{background-color:rgba(239,68,112,0.09);border:1px solid #EF4470}div.timetable-tags span.timetable-tag.room06{background-color:rgba(218,145,40,0.47);border:1px solid #DA9128}div.timetable-tags span.timetable-tag.open-space{background-color:#EFB544;color:white}div.timetable-tags span.timetable-tag.talk{background-color:#333;color:white}div.timetable-tags span.timetable-tag.workshop{background-color:#5154AA;color:white}p.who{font-weight:bold;font-size:16px;margin:8px 0 12px 0}.round{margin-top:36px;padding:24px;float:left;text-align:left;width:100%}.round span.round-title{color:#EF4470;font-weight:700;font-size:24px}@media (max-width: 1023px){.round span.round-title{float:left}}.round img{float:right;margin-top:8px}@media (min-width: 1024px){.round img{display:none}}.round div.track{display:inline-block;vertical-align:top;white-space:normal;text-align:left}.round div.track.full-width{width:100%}.round div.track.full-width div.item{width:100%}.round div.track div.item{width:170px;margin:10px  14px 0 0}.round div.track div.item.ghost{opacity:0}.round div.track p.activity-title,.round div.track a.activity-title{margin:0;line-height:22px;font-weight:400;line-height:1;color:#363643;border-bottom:none;box-shadow:none}.round div.track a.activity-title:hover{color:white}.round div.track div.card{background-color:white;padding:16px;border-left:4px solid #EF4470;line-height:1.2}.round div.track div.card p.who{font-size:14px}.round div.track div.card.big{height:444px;font-size:14px}.round div.track div.card.medium{height:200px;font-size:14px}.round div.track div.card.open-space{border-left:4px solid #EFB544}.round div.track div.card.talk{border-left:4px solid #333}.round div.track div.card.workshop{border-left:4px solid #5154AA}.round div.horizontal-scroll{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}@media (min-width: 1124px){.round div.horizontal-scroll{text-align:center}}.tab{margin:36px 0 0 0;border-bottom:1px solid #F2F2F2}button.tablinks{width:48%;background:none;margin:0;border:none;padding:16px;font-size:22px;outline:none}.tab button.active{border-bottom:4px solid #363643}.tabcontent{padding-bottom:48px}#day1.tabcontent{display:none}