*{margin:0;padding:0}html,body{font-family:Jura, sans-serif;font-size:1rem;height:100%}body{display:flex;flex-direction:column;transition:background-color 0.3s, color 0.3s}.wrap{flex:1 0 auto;width:92%;margin:0 auto;margin-top:5em}@media only screen and (min-width: 1024px){.wrap{width:1024px}}a{color:#b6262c;text-decoration:none;transition:color 0.5s}a:visited,a:hover,a:active{text-decoration:none}::selection{background-color:#b6262c;color:white}::-moz-selection{background-color:#b6262c;color:white}body.light{background-color:#fafafa;color:#333}body.light a{color:#0066cc}body.light a:hover{color:#004b99}body.light footer{background-color:#fafafa;color:#333}body.dark{background-color:#121212;color:#e0e0e0}body.dark a{color:#bb86fc}body.dark a:hover{color:#9b4dff}body.dark footer{background-color:#1f1f1f;color:#ccc}#dark-mode-toggle{position:fixed;top:20px;right:20px;background:#0066cc;color:white;border:none;padding:10px;cursor:pointer;border-radius:5px;z-index:999}#dark-mode-toggle:hover{background:#004b99}@media (max-width: 768px){h1{font-size:2.5rem}.subtitle{font-size:1rem}}.footer{flex-shrink:0;width:92%;height:auto;box-sizing:border-box;color:#4f515d;font-size:0.8rem;text-align:center;text-transform:uppercase;margin:0 auto;padding-top:18px;padding-bottom:18px;border:0;border-top:1px solid #eee}@media only screen and (min-width: 1024px){.footer{width:1024px}}.footer p{margin-top:0.4em;margin-bottom:0.4em}.footer a:hover{color:#4f515d}#dark-mode-toggle{position:fixed;top:20px;right:20px;background:#0066cc;color:white;border:none;padding:10px 14px;cursor:pointer;border-radius:5px;font-size:0.9rem;z-index:1000}body.dark #dark-mode-toggle{background:#bb86fc;color:black}#dark-mode-toggle:hover{opacity:0.85}.profile{text-align:center}.profile .portrait{position:relative;max-width:10rem;margin:0.6em auto}.profile .portrait .spinner{width:10rem;height:10rem;border:0.5em solid #3d3d3d;border-right-color:#b6262c;border-bottom-color:#b6262c;border-radius:50%;-webkit-transition:transform 0.8s ease-in-out;-moz-transition:transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out}.profile .portrait:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.profile .portrait .img{position:absolute;width:100%;top:0.5em;bottom:0.5em;left:0.5em;right:0;background-position:center;background-size:cover;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.profile .name{font-family:Roboto, sans-serif;font-weight:100;font-size:2rem;margin:0.2em auto}.profile .name b{font-weight:bold}.profile .title{font-size:1rem;text-transform:uppercase;color:#b6262c;margin:0.8em auto}.profile .bio{font-size:0.9rem}.profile .bio p{margin-top:0.9em}@media only screen and (min-width: 720px){.profile .portrait{max-width:11rem}.profile .portrait .spinner{width:11rem;height:11rem}.profile .name{font-size:2.4rem}.profile .title{font-size:1.1rem}}@media only screen and (min-width: 1024px){.profile .portrait{max-width:12rem}.profile .portrait .spinner{width:12rem;height:12rem}.profile .name{font-size:2.5rem}.profile .title{font-size:1.2rem}}.contacts{margin:2.2rem auto;text-align:center;font-size:1.2rem}.contacts .contact{display:inline-block;width:2.2em;height:2.2em;line-height:2.2em;margin-left:0.1em;margin-right:0.1em;background:#f9f9fb;border-radius:100%;color:#535358;text-align:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.contacts .contact:hover{background:#b6262c;color:#fff;box-shadow:0 0 1px 7px rgba(182,38,44,0.15);position:relative}.actions{margin:3em auto;text-align:center;font-size:1rem}body.light .actions .action{color:#000}body.light .actions .action:after{background:#d63940}body.light .actions .action:hover{color:#666}body.dark .actions .action{color:rgba(255,255,255,0.87)}body.dark .actions .action:after{background:#da4e54}body.dark .actions .action:hover{color:#e6e6e6}.actions .action{position:relative;display:inline-block;margin:1.2em 1.2em;width:11em;height:2em;line-height:2em;text-transform:uppercase;font-weight:700}.actions .action:after{content:"";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;height:2px;left:50%;bottom:-0.3em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.actions .action:hover:after{width:0}