-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.min.css
16 lines (16 loc) · 1.38 KB
/
app.min.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
* Created by alejandrorioscalera
* On 20/10/17
*
* -- SOCIAL NETWORKS --
*
* GitHub: https://github.com/clonalejandro or @clonalejandro
* Website: https://clonalejandro.me/
* Twitter: https://twitter.com/clonalejandro11/ or @clonalejandro11
* Keybase: https://keybase.io/clonalejandro/
*
* -- LICENSE --
*
* All rights reserved for clonalejandro ©malextrap 2017 / 2018
*/
form{margin:auto}label{display:inline-block;margin-bottom:.5rem;width:100%}input{border-radius:18px;padding:.5rem;border:thin}input::placeholder{color:rgba(0,0,0,0.3)}div.form-group{margin:auto auto 1rem auto;text-align:center;align-self:center;align-content:center;align-items:center}.field{margin:auto}.bubble{position:fixed;width:60px;height:60px;bottom:40px;right:40px;animation:gradients 8s ease infinite;background-size:800% 800%;background-image:linear-gradient(124deg, #ff470f, #ff3860, #b86bff, #3273dc);color:#fff;border-radius:50px;text-align:center;transition:all cubic-bezier(.5, 1.75, .5, 1) .5s;transform:scale(1) translate3d(0, 0, 0);transform-style:preserve-3d;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}.bubble:active,.bubble:hover{outline:0 !important}.bubble:hover{cursor:pointer;transform:scale(1.15) translate3d(0, -.05em, 0)}.bubble i{margin-top:16vh;line-height:2.25}@keyframes gradients{0%{background-position:1% 80%}50%{background-position:99% 20%}100%{background-position:1% 80%}}