/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content: none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* BASE STYLES */
h1, h2, h3, h4, h5, h6, p { display: block; padding: 0; }
h1 { font-size: 6em; line-height: 100%; letter-spacing: -.05em; text-align: right; }
a { color: black; text-decoration: underline; }

/* LAYOUT STYLES */
html, body {
	color: #141414;
	font: normal 400 100%/130% Poppins, helvetica, sans-serif, verdana, tahoma;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
 	-webkit-font-smoothing: antialiased;
     background-color: #ffffff; }
.canvas {
    padding: 20px; }
.logo-container {
	position: relative; }
.msg-container {
	position: relative;
    margin-top: 200px; }
.intro {
    position: relative;
    width:50%;
    margin-top: 50px;
    padding-left: 50%; }
p {
    font-size: 2em;
    line-height: 1.3;
    padding-bottom: 40px; }
.max-w { 
	max-width: 100%; }
span::before {
    content: '';
    animation: animate infinite 10s; }
@keyframes animate {
    0% {
        content: 'awe'; }
    5% {
        content: 'brunocalvin'; }
    10% {
        content: 'creativity'; }
    15% {
        content: 'design'; }
    20% {
        content: 'equality'; }
    25% {
        content: 'freedom'; }
    30% {
        content: 'gratitude'; }
    35% {
        content: 'humbleness'; }
    40% {
        content: 'integrity'; }
    45% {
        content: 'joyfulness'; }
    50% {
        content: 'kindness'; }
    55% {
        content: 'life'; }
    60% {
        content: 'motivation'; }
    65% {
        content: 'nature'; }
    70% {
        content: 'originality'; }
    75% {
        content: 'peace'; }
    80% {
        content: 'quietude'; }
    85% {
        content: 'resilience'; }
    90% {
        content: 'sustainability'; }
    95% {
        content: 'tolerance'; }
    100% {
        content: 'uniqueness'; }
}

@media only screen and (max-width: 1024px) {
h1 { font-size: 3em; text-align: left; }
p {
    font-size: 1.5em; }
.intro {
    width:100%;
    margin-top: 50px;
    padding-left: 0%; }

} /*/mediaquery*/
	/* End Media Query screen and (max-width: 1024px) */

@media only screen and (min-width: 1025px) {

	
} /*/mediaquery*/
	/* End Media Query screen and (min-width: 1025px) */