main.css

.list--unstyled{list-style-type:none;-webkit-margin-before:0;-webkit-padding-start:0}.list__list-item{padding-bottom:1.33em}.list__list-item h2{font-size:1em;margin:.56em 0 .31em}.list__list-item h3{display:inline-block;font-size:.833em;margin:0;margin-right:.75em;position:relative}.list__list-item .type{font-size:.833em;letter-spacing:.1em;text-transform:uppercase}.list__list-item a{border-bottom:0;text-decoration:underline}.list__list-item a:hover{text-decoration:underline}.list__list-item .date{font-size:.833em}.about{border-bottom:1px solid #fff;position:relative}.about .about__title{font-weight:900;margin-bottom:0}.about .about__description{font-size:1.2em;margin-top:0}.about .about__bio{padding:1.728em 0}.about button{margin-right:2.074em;margin-bottom:2.074em}.contact{padding-top:1.728em;padding-left:6em;position:relative;text-align:right}.contact a{border-bottom:0;color:#fff;font-size:1.728em;margin-right:1.2em;padding-bottom:0}.contact a:hover{color:#86A723}.contact .contact-btn{font-size:1em;margin-left:0;position:absolute;left:0}article header>h2{font-size:1em;font-weight:700}article:after{clear:both;content:"";display:block}.teaching{margin-top:3.157em}@media screen and (max-width:530px){.about .about__bio{max-width:100%}}.error span{font-size:2.074em}#pong{width:400px;height:600px}html{background:#434343;font-size:15px}body{color:#fff;font-family:"Rubik",sans-serif;font-weight:400;letter-spacing:.03em;line-height:1.5;margin:0;margin-top:100px}.wrapper{margin:0 auto;max-width:677px;padding:1.2em}a{color:#86A723;text-decoration:none}p{line-height:1.728em}h1,h2,h3,h4{font-weight:inherit;line-height:1.5}h1{margin-top:0;font-size:2.074em}h2{font-size:1.728em}h3{font-size:1.44em}h4{font-size:1.2em}small{font-size:.833em}button{background:transparent;border:1px solid #86A723;border-radius:5px;color:#86A723;font-family:"Rubik",sans-serif;font-size:1em;padding:7px 15px}button:hover{cursor:pointer}*:focus{outline:none}.half-column{float:left;margin-right:2%;width:49%}.half-column:nth-of-type(2){margin-right:0}#pong{padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;margin-bottom:2.074em;display:block}@media screen and (max-width:530px){.half-column{float:none;margin-right:0;width:100%}}