.box-log{ width: 388px; height: 450px; position: absolute; top: 26%; left: 50%; transform: translate(-50%,-50%); background: url(imagens/login3.png) repeat-y left top; border-radius: 24px; } ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: orange; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: orange; background-shadow: orange; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0 } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(.25, .25, .75, .75) } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(.6, -.28, .735, .045) } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(.175, .885, .32, 1.275) } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55) } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(.47, 0, .745, .715) } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.39, .575, .565, 1) } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(.445, .05, .55, .95) } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(.55, .085, .68, .53) } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.25, .46, .45, .94) } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(.455, .03, .515, .955) } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0) } [data-aos=fade-up] { transform: translate3d(0, 100px, 0) } [data-aos=fade-down] { transform: translate3d(0, -100px, 0) } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0) } [data-aos=fade-left] { transform: translate3d(100px, 0, 0) } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0) } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0) } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0) } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0) } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1) } [data-aos=zoom-in] { transform: scale(.6) } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(.6) } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(.6) } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(.6) } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(.6) } [data-aos=zoom-out] { transform: scale(1.2) } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2) } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2) } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2) } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2) } [data-aos^=slide][data-aos^=slide] { transition-property: transform } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0) } [data-aos=slide-up] { transform: translate3d(0, 100%, 0) } [data-aos=slide-down] { transform: translate3d(0, -100%, 0) } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0) } [data-aos=slide-left] { transform: translate3d(100%, 0, 0) } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: transform } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg) } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg) } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg) } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg) } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) } .card.ignore:hover { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .galeria img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } @charset "utf-8"; @font-face { font-family: 'arial'; src: url(fonts/arial.otf); } @font-face { font-family: 'SHREDDED'; src: url(fonts/SHREDDED.otf); } @font-face { font-family: 'CHELNU2'; src: url(fonts/CHELNU2.tff); } @font-face { font-family: 'BLADRMF'; src: url(fonts/BLADRMF.tff); } html, body { height: 100%; } body { margin: 0; padding: 0; background: #FFFFFF url(images/others/bg10.jpg) no-repeat center center fixed; background-size: cover; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-shadow: #000 0.2em 0.2em 0.4em; } .mystyle{ padding: 1px; border:1px solid #fff; } h1, h2, h3 { margin-top: 0px; } p, ol, ul { margin-top: 0px; margin-bottom: 1em; line-height: 160%; text-align: justify; } p.byline { line-height: normal; font-size: 10px; color: #A5A5A5; } p.byline a { color: #A5A5A5; } ul.list1 { margin: 0px; padding: 0px; list-style: none; } ul.list1 li { height: 20px; padding: 6px 0px 0px 15px; background: url(images/others/homepage14.jpg) no-repeat left top; } ul.list1 a { text-decoration: none; color: #2B4D68; } ul.list1 a:hover { text-decoration: underline; } a { color: #0093C8; } a:hover { text-decoration: none; } a img { border: none; } img.border { padding: 2px; background: #FFFFFF; border: 1px solid #B6B6B6; } img.alignleft { float: left; margin: 3px 20px 0px 0px; } img.alignright { float: right; margin: 3px 0px 0px 20px; } img.aligncenter { margin: 0px auto; } hr { display: none; } .container { width: 992px; margin: -65px auto; } ** BACKGROUNDS */ #bg1 { background: url(images/others/bg02.png) repeat-x left top; } #bg3 { background: url(images/others/bg08.png) repeat-y center top; } #bg4 { background: url(images/others/bg07.png) no-repeat center top; } #bg5 { } /** HEADER */ #header { height: 498px; width: 1150px; left: 95px; position: absolute; background: url(images/others/logo3.png) no-repeat center top; } #giffundo { height: 442px; width: 938; left: -5px; display: block; position: relative; background: url(images/others/gogetafundo.png) repeat-y center top; } #giffundo2 { height: 442px; width: 938; left: -5px; display: block; position: relative; background: url(images/others/logo3.png) repeat-y center top; } #menu2 { } #menu2 ul { height: 38px; padding: 12px 0px 6px 0px; background: url(images/others/bg1_01.png) no-repeat left top; text-align: center; line-height: normal; list-style: none; } #menu2 li { display: inline; } #menu2 a { text-decoration: none; } .containerr { width: 992px; margin: 0px auto; } #menn ul { height: 38px; padding: 12px 0px 6px 0px; text-align: center; left: 160px; position: absolute; top: 416px; display: block; line-height: normal; list-style: none; } .criar { height: auto; width: auto; } .criar:hover { height: auto; width: auto; position: absolute; background: url(/templates/loleslav/images/buttons/baccount2.png) no-repeat; } .download { display: block; text-align: center; text-decoration: none; position: absolute; top: -32px; left: 419px; border: none; background: url('/templates/loleslav/images/buttons/bdownload.png') no-repeat; transition: 0.3s all; -webkit-transition: 0.3s all; mouse: pointer; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .download:hover { display: block position: relative; border: none; cursor: pointer; background: #d141f5; text-align: center; top: -37px; left: 419px; background: url('/templates/loleslav/images/buttons/bdownload2.png') no-repeat; text-decoration: none; position: absolute; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; box-shadow: 0 0 90px #ffffff; -o-transition: 0.3s all; } .criaracc { display: block; text-align: center; text-decoration: none; position: absolute; top: 12px; left: 188px; border: none; background: url('/templates/loleslav/images/buttons/baccount.png') no-repeat; transition: 0.3s all; -webkit-transition: 0.3s all; mouse: pointer; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .criaracc:hover { display: block position: relative; border: none; cursor: pointer; background: url('/templates/loleslav/images/buttons/baccount2.png') no-repeat; text-align: center; top: 7px; left: 188px; text-decoration: none; transition: 0.3s all; -webkit-transition: 0.3s all; position: absolute; -moz-transition: 0.3s all; -ms-transition: 0.3s all; box-shadow: 0 0 90px #ffffff; -o-transition: 0.3s all; } .donatee { display: block; text-align: center; text-decoration: none; position: absolute; top: -75px; left: 637px; border: none; background: url('/templates/loleslav/images/buttons/info.png') no-repeat; transition: 0.3s all; -webkit-transition: 0.3s all; mouse: pointer; -moz-transition: 0.3s all; -ms-transition: 0.3s all; -o-transition: 0.3s all; } .donatee:hover { display: block position: relative; border: none; cursor: pointer; background: #d141f5; text-align: center; position: absolute; top: -82px; left: 637px; text-decoration: none; transition: 0.3s all; background: url('/templates/loleslav/images/buttons/bshop2.png') no-repeat; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; box-shadow: 0 0 90px #ffffff; -o-transition: 0.3s all; } #menn li { display: inline; } #menn a { text-decoration: none; } /** BAR */ #bar .container { position: relative; height: 57px; width: 992px; top: -0px; background: url(imagens/bg1_01.png) no-repeat left top; z-index: 2; text-align: center; line-height: normal; list-style: none; } #bar li { display: inline; } #bar form { margin: 0px; padding: 0px; } #bar ul { height: 38px; padding: 12px 0px 6px 0px; text-align: center; line-height: normal; list-style: none; } #bar fieldset { margin: 0px; padding: 0px; border: 15px; } #bar .input-text { width: 132px; height: 22px; padding: 2px 10px 0px 10px; background: url(images/others/homepage03.jpg) no-repeat left top; } #bar .input-text input { width: 100%; background: none; border: none; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #B5B3B1; outline: none; } .input-submit { width: 54px; padding: 5px 0px 6px 0px; background: url(images/others/homepage04.jpg) no-repeat left top; border: none; font-size: 10px; font-weight: bold; color: #FFFFFF; } /** LOGIN */ #login { float: left; } #login form { width: 580px; padding: 0px 0px 0px 12px; } #login .input-text, #login .input-submit { float: left; margin: 9px 0px 0px 9px; } #login p { float: left; margin: 0px; padding: 12px 0px 0px 15px; line-height: normal; font-size: 10px; color: #FFF6EB; } #login a { color: #FFF6EB; } /** SEARCH */ #search { float: right; } #search form { width: 230px; margin-right: 21px; padding-top: 9px; } #search .input-text, #search .input-submit { float: left; margin: 0px 0px 0px 9px; } /** PAGE */ #page { background: url(images/others/subpage1_02.jpg) repeat-y left top; top: -35px; } .home #page { background-image: url(imagens/bg1_03.png); left: -10px; top: 1px; position: relative; } .single #page { background-image: url(images/others/subpage2_02.jpg); } /** CONTENT */ #content { float: right; width: 749px; padding-right: 12px; } .single #content { float: none; width: auto; padding: 0px 12px; } /** SIDEBAR */ #sidebar { float: left; width: 218px; padding-left: 12px; } #sidebar2 { float: left; width: 531px; } #sidebar3 { float: right; width: 218px; } /** FOOTER */ #footer { background: url(imagens/bg08.png) no-repeat center top; } #footer p { padding: 60px 0px; background: url(images/others/subpage1_03.jpg) no-repeat left top; text-align: center; line-height: normal; position: relative; bottom: -65px; color: #70899D; } .home #footer p { background-image: url(imagens/bg1_05.png); height: 229px; left: -9px; } .single #footer p { background-image: url(images/subpage2_03.jpg); } #footer .legal { } #footer .links { } /** BOX STYLES */ .title { height: 27px; margin: 0px; padding: 10px 0px 0px 12px; font-size: 15px; color: #FFFFFF; } .box-style1 .title { background: url(images/others/homepage13.jpg) no-repeat left top; } .box-style2 .title { background: url(imagens/menu/menu.png) no-repeat left top; height: 45px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style2comunidade .title { background: url(imagens/menu/menucomunidade.png) no-repeat left top; height: 48px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style2menu .title { background: url(imagens/menu/menuu.png) no-repeat left top; height: 49px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-stylemenu .title { background: url(imagens/menu/menu.png) no-repeat left top; height: 45px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-stylemenucomunidade .title { background: url(imagens/menu/menucomunidade.png) no-repeat left top; height: 45px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style2menuguia .title { background: url(imagens/menu/menuguia.png) no-repeat left top; height: 49px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style2menushop .title { background: url(imagens/menu/menushop.png) no-repeat left top; height: 49px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .fundorank { background: url(imagens/menu/menushop.png) no-repeat left top; } .box-style2menu .title ul { padding: 5px 0px 0px 65px; } .box-style2menu .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style2menu td { padding-left: 40px; } .box-style2comunidade .title ul { padding: 5px 0px 0px 65px; } .box-style2comunidade .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style2comunidade td { padding-left: 40px; } .box-style2menuguia .title ul { padding: 5px 0px 0px 65px; } .box-style2menuguia .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style2menuguia td { padding-left: 40px; } .box-style2menushop .title ul { padding: 5px 0px 0px 65px; } .box-style2menushop .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style2menushop td { padding-left: 40px; } .box-style3 .title { background: url(imagens/bg1_06.png) no-repeat left top; } .box-style4menubuscarjogador .title { background: url(imagens/menu/menubuscarjogador.png) no-repeat left top; height: 41px; width: 150px; position: relative; right: -30px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style4menubuscarjogador .title ul { padding: 5px 0px 0px 65px; } .box-style4menubuscarjogador .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style4menuranking .title { background: url(imagens/menu/menuranking.png) no-repeat left top; height: 41px; width: 150px; position: relative; right: -30px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style4menuranking .title ul { padding: 5px 0px 0px 65px; } .box-style4menuranking .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style4 .title { background: url(imagens/menu/menu.png) no-repeat left top; height: 45px; position: relative; left: 5px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style4 .title ul { padding: 5px 0px 0px 65px; } .box-style4 .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style4rank .title { background: url(imagens/menu/menuranking.png) no-repeat left top; height: 45px; position: relative; left: 0px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style4rank .title ul { padding: 5px 0px 0px 65px; } .box-style4rank .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style4 .entry { background: url(imagens/fundo-online.png) no-repeat left top; position: relative; width: 90%; height: 65%; left: 3%; } .box-style4 .title { background: url(imagens/menu/menu.png) no-repeat left top; height: 45px; position: relative; left: 5px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; } .box-style4 .title ul { padding: 5px 0px 0px 65px; } .box-style4 .title li { padding: 7px 10px 0px 0px; list-style: none; } .box-style4 .entry { background: url(imagens/fundo-online.png) no-repeat left top; position: relative; width: 90%; height: 65%; left: 3%; } .box-style5 .title { background: url(images/others/subpage2_04.jpg) no-repeat left top; } /** BOX1 */ #box1 { background: #FFFFFF; } #box1 .entry { padding: 15px; } /** BOX2 */ #box2 { } #box2 .entry { padding: 17px 17px 0px 17px; } #box2 .column1 { float: left; width: 238px; } #box2 .column2 { float: right; width: 238px; } /** BOX3 */ #box3 { } #box3 .entry { padding: 17px; } .main_content { padding:0px 15px 0px 4px; } /** BOX4 */ #box4 { } /** BOX5 */ #box5 { } /** BOX6 */ #box6 { } /** BOX7 */ #box7 { } /** BOX8 */ #box8 { } /** BOX9 */ #box9 { } #box9 .entry { padding: 17px; } .box-log{ width: 388px; height: 455px; position: absolute; top: 56%; border: 0; left: 50%; transform: translate(-50%,-50%); background-color: #603E2D; border-radius: 24px; } .box-log h1{ color: white; text-transform: uppercase; font-weight: 500; font-family: 'Molot'; position: relative; top: 20px; } .box-log input[type = "text"],.box-log input[type = "password"]{ position: relative; border: 0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #800000 ; padding: 14px 10px; width: 200px; outline: none; color: white; border-radius: 24px; transition: 0.25s; left: 80px; } .box-log input[type = "submit"]{ border: 0; background: none; display: block; margin: 20px auto; text-align: center; border: 2px solid #800000; padding: 14px 40px; outline: none; color: white; border-radius: 24px; transition: 0.25s; cursor: pointer; } .box-log input[type = "submit"]:hover{ background: #800000; } .box-log-create{ width: 388px; height: 580px; position: absolute; top: 45%; left: 40%; transform: translate(-50%,-50%); background: url(imagens/create2.png) repeat-y left top; } .box-log-create h1{ color: white; text-transform: uppercase; font-weight: 500; font-family: 'Molot'; position: relative; top: 20px; } .box-log-create input[type = "text"],.box-log-create input[type = "password"]{ position: relative; border: 0; top: 20px; background: none; display: block; text-align: center; border: 2px solid yellow; padding: 7px 5px; width: 200px; outline: none; color: white; border-radius: 24px; transition: 0.25s; left: 80px; } .box-log-create input[type = "submit"]{ border: 0; background: none; display: block; margin: 10px auto; text-align: center; border: 2px solid yellow; padding: 14px 40px; outline: none; color: white; border-radius: 24px; transition: 0.25s; cursor: pointer; } .box-log-create input[type = "submit"]:hover{ background: #644031; } .box-log-create select{ width: 150px; position: relative; left: 110px; top: 10px; } .country-img { position: relative; left: 120px; top: 10px; } .aceito-termos { position: relative; left: 80px; top: 10px; } .aceito-termos1 { position: relative; left: 110px; top: 10px; } .remember { position: relative; left: 60px; } #account_indicator { position: relative; left: 140%; top: -12px; } #email_indicator { position: relative; left: 140%; top: -12px; } #password_indicator { position: relative; left: 140%; top: -12px; } #password2_indicator { position: relative; left: 140%; top: -12px; } .search-box{ position: relative; top: 14px; left: 100px; transform: translate(-50%,-50%); background: url(imagens/bg1_06.png); height: 30px; border-radius: 24px; padding: 4px; width: 180px; } .search-box:hover > form .search-txt{ width: 130px; padding: 0 6px; } .search-btn{ position: relative; right: 10px; color: #e84118; float: right; background: none; display: flex; justify-content: center; align-items: center; } .search-txt{ border: none; background: none; outline: none; float: left; padding: 0; color: white; font-size: 16px; transition: 0.4s; line-height: 40px; width: 0px; } .ranking-box { height: 430px; list-style: none; text-decoration: none; } .box-rank { position: relative; top: -10px; } .ranking-box-voc { position: relative; left: -60px; } .ranking-box-level { position: relative; left: 20px; top: -20px; } .ranking-box-level-numero { position: relative; left: 30px; top: -20px; } .ranking-box-nome { position: relative; top: -25px; left: 30px; } .button-guilds { position: relative; right: 55px; } .button-guilds1 { position: relative; right: 50px; } .button-guilds2 { position: relative; right: 25px; } .button-guilds3 { position: absolute; top: 40%; left: 34%; } .button-voltar { position: relative; right: 20px; } .discord { position: relative; left: 12px; } /* ANIMAÇÃO PERSONAGENS */ #clica { position: relative; cursor: pointer; z-index: 25; } #imgcontainer{ display: none; position: fixed; z-index: 25; padding-top: 100px; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); overflow: auto; } #imgcontainer .frente{ display: none; position: fixed; z-index: 5; padding-top: 100px; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); overflow: auto; } #imgModal{ margin: auto; display: block; width: 100%; max-width: 800px; -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } #btFechar{ position: absolute; top: 15px; right: 35px; font-size: 40px; font-weight: bold; cursor: pointer; } .close { /* Position it in the top right corner outside of the modal */ position: absolute; right: 25px; top: 0; color: #fff; font-size: 35px; font-weight: bold; } .close:hover, .close:focus { color: red; cursor: pointer; } .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } @-webkit-keyframes animatezoom { from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)} } @keyframes animatezoom { from {transform: scale(0)} to {transform: scale(1)} } /* FIM DE ANIMAÇÃO PERSONAGENS */ /* Inventário dos personagens */ .inventario { background: url(/templates/loleslav/imagens/Avatar.png) no-repeat; width: 1px; height: 1px; position: relative; left: 90px; } .amulet { position: relative; left: 331px; top: -519px; } .arma { position: relative; left: 144px; top: -430px; } .shield { position: relative; left: 349px; top: -490px; } .armor-inv { position: relative; left: 168px; top: -608px; } .helmet-inv { position: relative; left: 260px; top: -725px; } .legs { position: relative; left: 343px; top: -510px; } .boots { position: relative; left: 332px; top: -463px; } .ring { position: relative; left: 185px; top: -553px; } .ring-dir { position: relative; top: -129px; left: 163px; } /* Fim do inventário*/ /* Tooltip container */ .tooltip { position: relative; display: inline-block; } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* Accordion */ .accordion-controls { list-style: none; } .accordion-controls__content { display: none; } .accordion-controls__content--active { display: block; } .accordion-controls__button { display: block; background: #ddd; border: 1px solid #d8d8d8; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); cursor: pointer; font-size: 18px; padding: 20px 0 20px 10px; width: 25%; } .accordion-controls__button { transition: all .2s ease; } .accordion-controls__button:hover { opacity: .9; } .accordion-controls__content { background: #fff; animation: accordionClose linear .75s; padding: 20px 0 20px 10px; } .accordion-controls__content--active { animation: accordionOpen linear 10s; } @keyframes accordionOpen { 0% { max-height: 0; } 100% { max-height: 1000px; } } /* Inventário dos personagens */ .inventario { background: url(/templates/loleslav/imagens/Avatar.png) no-repeat; width: 350px; height: 400px; position: relative; left: 90px; } .amulet { position: relative; left: 213px; top: 65px; } .arma { position: relative; top: 178px; left: 139px; } .shield { position: relative; left: 271px; top: 93px; } .armor-inv { position: relative; left: 75px; top: -19px; } .helmet-inv { position: relative; top: -105px; left: 100px; } .legs { position: relative; top: 77px; left: 250px; } .boots { position: relative; top: 144px; left: 61px; } .ring { position: relative; left: 62px; top: -77px; } .ring-dir { position: relative; top: -129px; left: 168px; } /* Fim do inventário*/ .myButtonmeu { box-shadow:inset 0px 1px 0px 0px #f9eca0; background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%); background-color:#f0c911; border-radius:6px; border:1px solid #e65f44; display:inline-block; cursor:pointer; color:#c92200; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; position: relative; text-decoration:none; text-shadow:0px 1px 0px #ded17c; } .myButtonmeu:hover { background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%); background-color:#f2ab1e; } .myButtonmeu:active { position:relative; top:1px; } .donatefontee { font-family: "Arial Black", Gadget, sans-serif; position: absolute; font-size: 17px; letter-spacing: 2px; word-spacing: 2px; background: black; color: yellow; left: 496px; font-weight: 400; text-decoration: none; font-style: normal; font-variant: normal; text-transform: capitalize; } .pontosamarelo { font-family: "Arial Black", Gadget, sans-serif; font-size: 17px; letter-spacing: 2px; word-spacing: 2px; color: yellow; font-weight: 400; text-decoration: none; font-style: normal; font-variant: normal; text-transform: capitalize; } .pontosverde { font-family: "Arial Black", Gadget, sans-serif; font-size: 17px; letter-spacing: 2px; word-spacing: 2px; color: #00FF00; font-weight: 400; text-decoration: none; font-style: normal; font-variant: normal; text-transform: capitalize; } .offinefont { font-family: Georgia, serif; font-size: 40px; letter-spacing: 1.8px; word-spacing: -1.8px; background-color: #022800; border-radius: 50px; color: #FF1F1F; font-weight: 400; text-decoration: none; position: relative; top: -13px; font-style: normal; font-variant: normal; text-transform: capitalize; } .onlinefont { font-family: Georgia, serif; font-size: 27px; letter-spacing: -1.2px; word-spacing: -0.8px; background-color: black; border-radius: 50px; color: #00FF00; font-weight: 400; top: 1px; left: -3px; position: relative; text-decoration: none; font-style: normal; font-variant: normal; text-transform: capitalize; } .playerfont { font-family: Georgia, serif; font-size: 18px; letter-spacing: -1.2px; word-spacing: -0.8px; background-color: black; border-radius: 50px; color: yellow; font-weight: 400; text-decoration: none; font-style: normal; font-variant: normal; text-transform: capitalize; } .box-style3 .title { background: url(imagens/bg1_06.png) no-repeat left top; } @import url( ); /* * Animated CSS button * Copyright Alexander Bodin 2019-09-07 * * Useage: .class {@import button($button-size, $hue, $sat);} */ .animated-button { background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4e0f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8592ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button:hover::before { opacity: 0.2; } .animated-button span { position: absolute; } .animated-button span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @-webkit-keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @-webkit-keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @-webkit-keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @-webkit-keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button1 { background: linear-gradient(-30deg, #c30909 50%, #5a0b0b 50%); padding: 8px 64px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7d4d4; position: relative; font-size: 20px; left: -53px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button1::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad8585; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button1:hover::before { opacity: 0.2; } .animated-button1 span { position: absolute; } .animated-button1 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to left, rgba(43, 8, 8, 0), #d92626); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button1 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to top, rgba(43, 8, 8, 0), #d92626); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button1 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button1 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #d92626); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button2 { background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7e6d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button2::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad9985; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button2:hover::before { opacity: 0.2; } .animated-button2 span { position: absolute; } .animated-button2 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to left, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button2 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to top, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button2 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to right, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button2 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d98026)); background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d98026); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button3 { background: linear-gradient(-30deg, #3d3d0b 50%, #2b2b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button3::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #adad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button3:hover::before { opacity: 0.2; } .animated-button3 span { position: absolute; } .animated-button3 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to left, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button3 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to top, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button3 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to right, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button3 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 8, 0)), to(#d9d926)); background: linear-gradient(to bottom, rgba(43, 43, 8, 0), #d9d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button4 { background: linear-gradient(-30deg, #243d0b 50%, #1a2b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #e6f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button4::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #99ad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button4:hover::before { opacity: 0.2; } .animated-button4 span { position: absolute; } .animated-button4 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to left, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button4 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to top, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button4 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to right, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button4 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#80d926)); background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #80d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button5 { background: linear-gradient(-30deg, #0b3d0b 50%, #082b08 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button5::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85ad85; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button5:hover::before { opacity: 0.2; } .animated-button5 span { position: absolute; } .animated-button5 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to left, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button5 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to top, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button5 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to right, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button5 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 8, 0)), to(#26d926)); background: linear-gradient(to bottom, rgba(8, 43, 8, 0), #26d926); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button6 { background: linear-gradient(-30deg, #0b3d24 50%, #082b1a 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7e6; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button6::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85ad99; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button6:hover::before { opacity: 0.2; } .animated-button6 span { position: absolute; } .animated-button6 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to left, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button6 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to top, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button6 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to right, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button6 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#26d980)); background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #26d980); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button7 { background: linear-gradient(-30deg, #0b3d3d 50%, #082b2b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4f7f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button7::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #85adad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button7:hover::before { opacity: 0.2; } .animated-button7 span { position: absolute; } .animated-button7 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to left, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button7 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to top, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button7 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to right, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button7 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 43, 0)), to(#26d9d9)); background: linear-gradient(to bottom, rgba(8, 43, 43, 0), #26d9d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button8 { background: linear-gradient(-30deg, #0b243d 50%, #081a2b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4e6f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button8::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8599ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button8:hover::before { opacity: 0.2; } .animated-button8 span { position: absolute; } .animated-button8 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to left, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button8 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to top, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button8 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to right, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button8 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 26, 43, 0)), to(#2680d9)); background: linear-gradient(to bottom, rgba(8, 26, 43, 0), #2680d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button9 { background: linear-gradient(-30deg, #0b0b3d 50%, #08082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #d4d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button9::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8585ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button9:hover::before { opacity: 0.2; } .animated-button9 span { position: absolute; } .animated-button9 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to left, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button9 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to top, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button9 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to right, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button9 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 43, 0)), to(#2626d9)); background: linear-gradient(to bottom, rgba(8, 8, 43, 0), #2626d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button10 { background: linear-gradient(-30deg, #240b3d 50%, #1a082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #e6d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button10::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #9985ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button10:hover::before { opacity: 0.2; } .animated-button10 span { position: absolute; } .animated-button10 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to left, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button10 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to top, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button10 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to right, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button10 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 8, 43, 0)), to(#8026d9)); background: linear-gradient(to bottom, rgba(26, 8, 43, 0), #8026d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button11 { background: linear-gradient(-30deg, #3d0b3d 50%, #2b082b 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7d4f7; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button11::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad85ad; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button11:hover::before { opacity: 0.2; } .animated-button11 span { position: absolute; } .animated-button11 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to left, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button11 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to top, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button11 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to right, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button11 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 43, 0)), to(#d926d9)); background: linear-gradient(to bottom, rgba(43, 8, 43, 0), #d926d9); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } .animated-button12 { background: linear-gradient(-30deg, #3d0b24 50%, #2b081a 50%); padding: 20px 40px; margin: 12px; display: inline-block; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); overflow: hidden; color: #f7d4e6; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none; -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); } .animated-button12::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad8599; opacity: 0; -webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; } .animated-button12:hover::before { opacity: 0.2; } .animated-button12 span { position: absolute; } .animated-button12 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to left, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; } @keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .animated-button12 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to top, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; } @keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .animated-button12 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px; background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to right, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; } @keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .animated-button12 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 26, 0)), to(#d92680)); background: linear-gradient(to bottom, rgba(43, 8, 26, 0), #d92680); -webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; } @keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } } /*# sourceMappingURL=button.css.map */ .epa { display: block; text-align: center; padding: 11px; box-shadow: inset 2px -11px 15px 5px rgb(0 0 0 / 78%); padding-left: 15px; font-size: 17px; left: -7px; position: relative; color: #27ff00; margin-left: 8px; transition: 0.5s; margin-right: 1px; text-decoration: none; } .epa:hover { color: #ebd559; display: block; text-align: center; padding: 11px; box-shadow: 0 5px 50px 0 cyan inset,0 5px 50px 0 cyan, 0 5px 50px 0 cyan inset,0 5px 50px 0 cyan; text-shadow: 0 0 5px cyan; padding-left: 15px; -webkit-box-reflect: below 1px linear-gradient(transparent, #0003); font-size: 17px; left: -7px; position: relative; color: black; margin-left: 8px; margin-right: 1px; transition: 0.5s; top: 0px; background: linear-gradient(360deg,transparent,#03e9f4); } .shenlong { background: url(imagens/shenlong.png) no-repeat left top; height: auto; width: auto; position: relative; left: 0px; font-family: 'Molot'; letter-spacing: 3px; font-size: 20px; color: #0f0f0f; }