@import"https://fonts.googleapis.com/css?family=Karla:400,700&display=swap";:root{--dark: #262626;--light: #e6e6e6;--bgColor: var(--dark);--accentColor: var(--light);--font: "Karla", sans-serif;--userColor: #8b8b8b}[data-theme=dark]{--bgColor: var(--light);--accentColor: var(--dark)}body{background-color:var(--bgColor);transition:all .6s ease-in-out}#userPhoto{width:110px;height:110px;display:block;margin:35px auto 20px;border-radius:50%;transition:all .6s ease-in-out}#userPhoto:hover{transform:scale(1.2)}#userName{color:var(--userColor);font-size:1rem;font-weight:600;line-height:1.25;display:block;font-family:var(--font);width:100%;text-align:center;text-decoration:none;transition:all .6s ease-in-out}#userName:hover{color:var(--accentColor)}#links{max-width:675px;width:auto;display:block;margin:27px auto}.link{display:block;background-color:var(--accentColor);color:var(--bgColor);font-family:var(--font);text-align:center;margin-bottom:20px;padding:17px;text-decoration:none;font-size:1rem;transition:all .6s ease-in-out;border:solid var(--accentColor);border-radius:50px;transform:scale(.95)}.link:hover{background-color:var(--bgColor);color:var(--accentColor);transform:scale(1)}.floating{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:var(--accentColor);color:var(--bgColor);border-radius:50%;text-align:center;cursor:pointer;transition:all .6s ease-in-out}.floating i{margin-top:22px}.floating:hover{transform:scale(1.1)}#loader{position:absolute;left:50%;top:50%;z-index:2;width:120px;height:120px;margin:-76px 0 0 -76px;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #646464;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wrapper{display:none}#wrap{position:relative;animation:p 2s;-webkit-animation:p 2s}@keyframes p{0%{bottom:-100px;opacity:0}to{bottom:0px;opacity:1}}@-webkit-keyframes p{0%{bottom:-100px;opacity:0}to{bottom:0px;opacity:1}}