body { background: #ffffff; color: #000000; font-family: Optima, Candara, Calibri, Arial, sans-serif; margin: 0px auto; font-size: 100%; }

@media only screen and (max-width: 768px) { /* For mobile phones: */ #container { position: absolute; top: 60px; left: 10%; margin-right: 10%; max-width: 700px; float: none; } }

@media only screen and (min-width: 768px) { /* For desktops: */ #container { position: absolute; top: calc(25% + 30px); left: 50%; transform: translate(-50%, -20%); max-width: 750px; min-width: 650px; float: none; } }

#floated { width: 200px; padding: 3px; margin: 0 auto; border-radius: 100%; border: 1px solid #DFE1E1; content: url("/assets/pic_updated.jpeg"); }

p.padded_between { padding-top: 5px; }

p.small { margin: 0; }

.line { margin: 5px 0; height: 2px; background: repeating-linear-gradient(to right, #DFE1E1 0, #DFE1E1 5px, transparent 5px, transparent 10px); }

a:link { color: #33658A; }

a:visited { color: #33658A; }

a:hover { color: #1c87c9; }

a:active { color: #1c87c9; }

/*# sourceMappingURL=main.css.map */