body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-moz-box-sizing:border-box;box-sizing:border-box}main{height:100vh;background:#7579e7;background:-moz-linear-gradient(45deg,#7579e7 0,#9ab3f5 50%,#a3d8f4 100%);background:linear-gradient(45deg,#7579e7,#9ab3f5 50%,#a3d8f4)}.container{height:100%;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.container,.container .card{display:-webkit-flex;display:-moz-box;display:flex}.container .card{background-color:hsla(0,0%,100%,.2);border-radius:3px;width:600px;height:300px;border:3px solid hsla(0,0%,100%,.1)}@media screen and (max-width:640px){.container .card{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:-moz-calc(100vw - 20px);width:calc(100vw - 20px)}}.container .card aside{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding:10px;border-right:3px solid hsla(0,0%,100%,.1)}@media screen and (max-width:640px){.container .card aside{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;border-right:none;border-bottom:3px solid hsla(0,0%,100%,.1)}}.container .card aside nav{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}@media screen and (max-width:640px){.container .card aside nav{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}}.container .card aside nav .nav-link{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;height:30px;width:30px;margin-bottom:5px;cursor:pointer;color:hsla(0,0%,100%,.3)}@media screen and (max-width:640px){.container .card aside nav .nav-link{margin-bottom:0;margin-right:5px}}.container .card aside nav .nav-link.active{border-radius:3px;background-color:hsla(0,0%,100%,.2);color:#fff}.container .card aside nav .nav-link:hover{color:#fff}.container .card aside .social-media{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}@media screen and (max-width:640px){.container .card aside .social-media{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}}.container .card aside .social-media-item{display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;height:30px;width:30px;margin-bottom:5px;cursor:pointer;color:hsla(0,0%,100%,.3)}@media screen and (max-width:640px){.container .card aside .social-media-item{margin-bottom:0;margin-right:5px}}.container .card aside .social-media-item:hover{color:#fff}.container .card .content{-webkit-flex:1 1;-moz-box-flex:1;flex:1 1;padding:20px}h1,p{margin:0;color:#fff}p{margin-top:20px}