.post h1,.post h2{text-align:center}body{font-family:"Courier New",monospace}body a,body a:hover{color:inherit}.container{margin-top:100px;max-width:690px}.container .first-row{align-items:center;display:flex;justify-content:center}.container .first-row>div{margin:10px}.container .first-row .text p,.container .first-row .text ul li{margin-bottom:0}.container .first-row .signature{background-image:url(../images/d.png);background-position:center center;background-repeat:no-repeat;background-size:contain;height:300px;width:100%}.container .first-row .text{font-weight:700;text-wrap:wrap}.container .first-row .text ul{list-style:none}.container .first-row .text span.left{display:inline}.container .first-row .text span.above{display:none}@media (max-width:700px){.container .first-row .text span.left{display:none}.container .first-row .text span.above{display:inline}}div.dots,div.dots .row{display:flex}div.dots{flex-direction:column;align-items:center;margin:30px auto 50px;padding:0}div.dots .row .square-container{display:inline-block;height:30px;width:30px}div.dots .row .square-container:hover>span.square{box-shadow:0 0 0 #fff;height:10px;margin-top:calc(40%);margin-left:calc(40%);transition:all .1s ease;width:10px}div.dots .row .square-container .square{background-color:#222;border-radius:50%;box-shadow:0 0 1px #222;display:inline-block;height:5px;width:5px;margin-top:calc(45%);margin-left:calc(45%)}div.dots .row .square-container .link{background:tomato;box-shadow:0 0 1px tomato}.post{box-sizing:border-box;max-width:750px;padding:0 30px}.post h1{font-size:50px;margin:0 0 5px}.post h1:before{background:tomato;border-radius:50%;content:" ";display:block;height:20px;margin:0 auto 70px;width:20px}.post h2{font-size:1.3em;margin:0 0 50px;padding:0 0 20px}.post .text{font-weight:400;line-height:1.8;padding:0 0 30px}.post .text p{margin-bottom:1.8em}.post .social{margin:0 auto 30px;width:124px}.post .social .facebook{display:block;float:left;height:20px}.post .social .twitter{display:block;float:right;height:20px;margin:4px 0 0}.post .back{cursor:pointer;display:flex;justify-content:center;margin:0 auto 30px;width:200px}.post .back:focus>span,.post .back:hover>span{border-top:5px solid #fff;border-bottom:5px solid #fff;border-right:10px solid #222;border-radius:0;height:0;width:0}.post .back span{background:#222;border-radius:50%;display:inline-block;height:10px;margin:15px;width:10px}@media (max-width:700px){.container .first-row{flex-direction:column}.container .first-row .signature{height:250px}div.dots{flex-direction:row;justify-content:center}div.dots .row{flex-direction:column}}