-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathstyle.css
15 lines (14 loc) · 2.45 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body{background-color:#101010;font-family: 'Quicksand', sans-serif;padding: 25px} a{text-decoration:none;}
@keyframes leaves {0% {transform: scale(1.0);} 100% {transform: scale(.85);}}
#lope, .image .degdeg{animation: leaves 1s ease-in-out infinite alternate;-webkit-animation: leaves 1s ease-in-out infinite alternate;}
.button:hover{transform: scale(1.2);}
.foto{display:block;text-align:center;width:100%;height:150px;margin-top:50px;}
.foto > *{display:flex;align-items:center;justify-content:center;margin-top:15px;font-size:18px;color:white}
.foto img{border-radius:50%;transition:all .5s ease;}.foto img:first-child{z-index:1}
.contTom{margin:0;margin-left:-500%;transition:all .5s ease;display:flex;align-items:left;list-style:none}
.icon{flex-shrink:0; display:inline-block;margin-right:12px; width:18px;height:18px; background-size:cover;background-repeat:no-repeat;background-position:center}
.icon.whatsapp{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fefefe'><g><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></g></svg>")}
.button{display:inline-flex;align-items:center; margin:0;margin-left:-500%;transition:all .5s ease;padding:10px 15px;outline:0;border:0; border-radius:10px;line-height:20px; color:#fefefe; background-color:#2C57B6; font-size:13px;white-space:nowrap;overflow:hidden;max-width:100%} .button.whatsapp{background-color:#199046}
.kolomteks{position:relative;padding:16px 20px 16px 40px; background-color:rgba(0, 0, 0, 1);color:white; font-size:.90rem;line-height:1.6em;border-radius:10px;overflow:hidden}
.kolomteks::before{content:'';width:60px;height:60px;background-color:rgba(255, 255, 255, .5);display:block;border-radius:50%;position:absolute;bottom:-22px;right:-22px;}
.kolomteks::after{content:'\201D';position:absolute;left:18px;top:18px; font-size:50px; min-width:15px;text-align:center}