<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
font-size: 55%;
}
body {
padding: 2rem;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-weight: 300;
line-height: 1.5;
box-sizing: border-box;
}
.text {
width: 70%;
margin: 0 auto;
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.1);
background-color: #d1d1d1;
border-radius: 5px;
padding: 4rem;
padding-left: 9rem;
font-size: 1.7rem;
transform: skewX(-12deg);
margin-bottom: 10rem;
}
.travel-shape {
width: 170px;