JSFiddle - React, Tailwind, and code Playground

by Luis Martin

HTML

<html>

  <head>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=K2D&effect=anaglyph">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="resources/style.css">

    <link rel="icon" href="https://i.stack.imgur.com/eaed5.png">
    <title>About Me</title>
  </head>

  <body>
    <h1 class="title font-effect-anaglyph">Lois6b</h1>


    <div id="presentacion" class="caja">
    
    <span class="texto">Me llaman Lois</span>

    </div>
  </body>

</html>

CSS

body {
  background-color: #C1DBE3;
  font-family: K2D;
}

.title {
  text-align: center;
  color: #031926;
  font-size: 7vw;
}

.caja{
  
  width : 80%;
  border : solid 2px #508AA8;
  min-height : 200px;
  margin: auto;
  
  border-radius : 20px;
  
  background-color : #C8E0F4;
  
}

.caja .texto{
  display: block;
  margin : 15px;
  
}