#root{margin:0 auto;padding:2rem;text-align:center;max-width:54em;max-height:25em;display:flex;flex:1;flex-direction:column}#root>main{display:flex;background-color:#fff;flex:1;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px}#root>main .portrait{flex:1;height:400px}#root>main .portrait img{position:relative;width:100%;height:100%;object-fit:cover}#root>main .info{flex:2;text-align:left;padding:24px;margin:16px;border-left:4px solid #f1f0f0;display:flex;flex-direction:column}#root>main .info main{flex:1;flex-direction:column}#root>main .info main .details{padding:24px 0}#root>main .info footer{display:flex}#root>main .info footer a{margin:0 8px}#root>main .info footer a:first-child{margin-left:0}#root>main .info footer a button{width:100%}#root>main .info h1{margin:0;font-size:3em}#root>main .info h3{margin:0;font-size:1.4em}#root>main .info p{margin:8px 0}#root .made-by{position:absolute;bottom:0;left:16px;color:#555}#root .made-by a{color:#4285f4}@media only screen and (min-width: 2000px){:root{font-size:18px}}@media only screen and (max-width: 700px){#root{font-size:14px;padding:1.4rem;max-height:none}#root>main{flex-direction:column;background:none;box-shadow:none}#root>main .portrait{height:300px;flex:none;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px}#root>main .info{border-left:none;padding:24px 0;margin:0}#root>main .info main{flex:none}#root>main .info main h1{font-size:2.6em}#root>main .info footer{flex-direction:column}#root>main .info footer a{margin:0}#root .made-by{position:relative;left:0}}:root{font-family:Montserrat,sans-serif;line-height:1.2;font-weight:400;color:#213547;background:url(/assets/paper-B8leII0t.jpg) center;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}:root :before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#ffffff0d;z-index:-1}a{font-weight:500;color:#000;text-decoration:inherit;font-family:Roboto-Slab,sans-serif}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:3px;border:1px solid #4285F4;padding:.8em 1.4em;font-size:1em;font-family:inherit;background-color:transparent;color:#222;cursor:pointer;transition:background-color .15s,color .15s}button:hover,.primary-button{background-color:#4285f4;color:#fff}@media only screen and (max-width: 700px){:root :before{background-color:#ffffff14}button{margin:6px 0}}