Saulo Rocha

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	
	>

<channel>
	<title>Saulo Rocha</title>
	<link>https://saulorocha.com</link>
	<description>Saulo Rocha</description>
	<pubDate>Sun, 06 Mar 2022 09:51:23 +0000</pubDate>
	<generator>https://saulorocha.com</generator>
	<language>en</language>
	
		
	<item>
		<title>home</title>
				
		<link>https://saulorocha.com/home</link>

		<pubDate>Sun, 06 Mar 2022 09:51:23 +0000</pubDate>

		<dc:creator>Saulo Rocha</dc:creator>

		<guid isPermaLink="true">https://saulorocha.com/home</guid>

		<description>

#fader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    
    pointer-events: none;
    
    background: black;
    
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
}

@keyframes fade-out {
    from { opacity: 1 }
      to { opacity: 0 }
}

@keyframes fade-in {
    from { opacity: 0 }
      to { opacity: 1 }
}

#fader.fade-out {
    opacity: 0;
    animation-name: fade-out;
}

#fader.fade-in {
    opacity: 1;
    animation-name: fade-in;
}

.container-thumbs-index {
  position: relative;
  width: 100%;
}

.image-thumbs-index {
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  border-radius: 40px;
  transition: .2s;
  z-index: -1;
}

.overlay-thumbs-index-black {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 0%;
  opacity: 0;
  background-color: black;
}

.container-thumbs-index:hover .overlay-thumbs-index-black {
  opacity: 1; 
  width: 100%;
  animation-name: fadeInBox;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .4s;
}

@keyframes fadeInBox {
	0% {
		opacity: 1;
        width: 0%;
	}
    50% {
		opacity: 1;
        width: 0%;
	}
	100% {
		opacity: 1;
        width: 100%;
	}
}

.container-thumbs-index:not(:hover) .overlay-thumbs-index-black {
  opacity: 0; 
  width: 0%;
  animation-name: fadeOutBox;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .7s;
}

@keyframes fadeOutBox {
	0% {
		opacity: 1;
        width: 100%;
	}
    25% {
		opacity: 1;
        width: 100%;
	}
	100% {
		opacity: 1;
        width: 0%;
	}
}

.text-thumbs-index {
  color: #fed022;
  font-size: 40px;
  position: absolute;
  top: 1em;
  left: 0em;
  text-align: left;
  opacity: 0; 
}

.container-thumbs-index:hover .text-thumbs-index {
  opacity: 1;
  top: 0em;
  animation-name: fadeInText;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .7s;
}

@keyframes fadeInText {
	0% {
		opacity: 0;
        top: .5em;
	}
    50% {
		opacity: 0;
        top: .5em; 
	}
	100% {
		opacity: 1;
        top: 0em; 
	}
}

.container-thumbs-index:not(:hover) .text-thumbs-index {
  opacity: 0;
  top: 0em;
  animation-name: fadeOutText;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .4s;
}

@keyframes fadeOutText {
	0% {
		opacity: 1;
        top: .0em;
	}
    25% {
		opacity: 1;
        top: .0em; 
	}
	100% {
		opacity: 0;
        top: .5em; 
	}
}

.arrow-thumbs-bounce {
  color: #fed022;
  font-size: 40px;
  position: absolute;
  top: 0em;
  right: 0em;
  text-align: left;
  opacity: 0; 
}

.container-thumbs-index:hover .arrow-thumbs-bounce {
  opacity: 1;
  top: 0em;
  animation-name: fadeInArrow;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .7s;
}

@keyframes fadeInArrow {
	0% {
		opacity: 0;
        top: .5em;
	}
    50% {
		opacity: 0;
        top: .5em; 
	}
	100% {
		opacity: 1;
        top: 0em; 
	}
}

.container-thumbs-index:not(:hover) .arrow-thumbs-bounce {
  opacity: 0;
  top: 0em;
  animation-name: fadeOutArrow;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-duration: .4s;
}

@keyframes fadeOutArrow {
	0% {
		opacity: 1;
        top: .0em;
	}
    25% {
		opacity: 1;
        top: .0em; 
	}
	100% {
		opacity: 0;
        top: .5em; 
	}
}

hr { 
height: 1px; 
background-color: #fed022; 
border: none; 
}

/* Bounce Desativado

.arrow-thumbs-bounce {
color: #fed022;
font-size: 40px;
position: absolute;
top: 0em;
right: 20px;
}

.container-thumbs-index:hover .arrow-thumbs-bounce {
  animation: bounce 1s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
  animation-iteration-count: infinite;
}
          
@keyframes bounce {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(20px, 0, 0);
}
}
          
arrow-thumbs-bounce {
-webkit-animation-name: bounce;
-webkit-animation-duration: 1s;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: cubic-bezier(
.5, 0.05, 1, .5);
-webkit-animation-iteration-count: infinite;
}
          
@-webkit-keyframes bounce {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInArrow {
	0% {
		opacity: 0;
        top: .5em;
	}
    50% {
		opacity: 0;
        top: .5em; 
	}
	100% {
		opacity: 1;
        top: 0em; 
	}
}

Bounce Desativado */


	fadeInPage();


      &#60;img src="https://files.cargocollective.com/c19534/stevenage-square-5.jpg" class="image-thumbs-index"&#62;
      
        
        The
        Stevenage
        Challenge
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-proudsecondbest-hor.jpg" class="image-thumbs-index"&#62;

        
        Proudly
        Second
        Best
        —
        IKEA
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-alcaraz-3-hor.jpg" class="image-thumbs-index"&#62;

        
        Alcaraz
        Signs
        —
        Netflix
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-evenmoreconfusing-2-hor.jpg" class="image-thumbs-index"&#62;

        
        Even More
        Confusing
        Times
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-geroginha-hor-1.jpg" class="image-thumbs-index"&#62;

        
        Georgina's
        Billboard
        Collection
        —
        Netflix
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-breathethroughit-4-hor.gif" class="image-thumbs-index"&#62;

        
        Breathe
        Through
        It
        —
        Halls
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-whoswatching-hor.jpg" class="image-thumbs-index"&#62;

        
        Who's
        Watching?
        —
        Netflix
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/magnumbymagum-square.jpg" class="image-thumbs-index"&#62;

        
        Magnum
        By
        Magnum
        —
        Magnum
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/steponearth-4-hor.jpg" class="image-thumbs-index"&#62;

        
        Step
        On
        Earth
        —
        Turkish Airlines
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-realmeals-1-hor.jpg" class="image-thumbs-index"&#62;

        
        Keep It
        Real
        Meals
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-tmc-1-hor.jpg" class="image-thumbs-index"&#62;

        
        The
        Menu
        Court
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/family-2-hor.jpg" class="image-thumbs-index"&#62;

        
        Family
        —
        Scrabble
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-lafalladepapel-1-hor.jpg" class="image-thumbs-index"&#62;

        
        La Falla
        De
        Papel
        —
        Netflix
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-tweetscarves-2-hor.jpg" class="image-thumbs-index"&#62;

        
        Tweet
        Scarves
        —
        Twitter
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/heads-1-square.jpg" class="image-thumbs-index"&#62;

        
        Heads
        —
        Anador
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-turnyourback-1-square.jpg" class="image-thumbs-index"&#62;

        
        Turn
        Your
        Back
        —
        Dove
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-confusing-2-hor.jpg" class="image-thumbs-index"&#62;

        
        Confusing
        Times
        —
        Burger King
        
        
&#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-scratchboards-2-hor.jpg" class="image-thumbs-index"&#62;

        
        Scratch
        Boards
        —
        Activision
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-davidrebrand-2-hor.jpg" class="image-thumbs-index"&#62;

        
        New
        DAVID
        Id
        —
        DAVID
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/anagramlovers-3-hor.jpg" class="image-thumbs-index"&#62;

        
        Anagram
        Stories
        —
        Scrabble
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-meat-1-hor.jpg" class="image-thumbs-index"&#62;

        
        Meat?
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/itsafish-2-hor.jpg" class="image-thumbs-index"&#62;

        
        It's
        a Fish
        —
        Pictionary
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/bsb-square.jpg" class="image-thumbs-index"&#62;

        
        Brasília
        60
        —
        Personal
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-kingofstream-1-hor.jpg" class="image-thumbs-index"&#62;
      
        
        The King
        Of
        Stream
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-ttot-1-hor.jpg" class="image-thumbs-index"&#62;
      
        
        The Truth
        Is Out
        There
        —
        Netflix
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c853397/thumb-queenssponsorship-hor.jpg" class="image-thumbs-index"&#62;
      
        
        The
        Queens'
        Sponsorship
        —
        Burger King
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/thumb-dole-1-hor.jpg" class="image-thumbs-index"&#62;
      
        
        Malnutrition
        Facts
        —
        Dole
        
      
        &#38;nbsp;︎︎︎
        
      
      &#60;img src="https://files.cargocollective.com/c19534/clocks-1-hor.jpg" class="image-thumbs-index"&#62;

        
        Clocks
        —
        Runner's Magazine
        
      
        &#38;nbsp;︎︎︎
        
      
</description>
		
	</item>
		
	</channel>
</rss>