/*
Theme Name: PlayStore PageFake
Theme URI: http://wordpress.com
Author: Filipe Galvão
Author URI: http://wordpress.com/
Description: Gera página fake da PlayStore
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('/wp-content/themes/playstore-pagefake/header.css');
@import url('/wp-content/themes/playstore-pagefake/main.css');
@import url('/wp-content/themes/playstore-pagefake/footer.css');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

.load-screen {
    position: fixed;
    width: 100dvw;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.load-screen >svg {
 width: 3.25em;
 transform-origin: center;
 animation: rotate4 2s linear infinite;
}

circle {
 fill: none;
 stroke: hsl(214, 97%, 59%);
 stroke-width: 2;
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: dash4 1.5s ease-in-out infinite;
}

@keyframes rotate4 {
 100% {
  transform: rotate(360deg);
 }
}

@keyframes dash4 {
 0% {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
 }

 50% {
  stroke-dasharray: 90, 200;
  stroke-dashoffset: -35px;
 }

 100% {
  stroke-dashoffset: -125px;
 }
}