body{padding:0;height:100%;width:100%;background:#696956}body div.container{display:flex;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;width:100%}body div.container h1{font-size:10vw;font-family:cursive;color:darkblue;color:black;-webkit-text-fill-color:magenta;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:black;line-height:0;margin:0}body div.container h1:hover{-webkit-text-stroke-width:1px}body div.container .parallelogram{display:block;width:220px;height:100px;transform:skew(20deg);background:red;margin:90px;text-align:center;font-family:fantasy;font-size:80px;text-decoration:none;color:black}@media only screen and (max-width:480px){body div.container{background:#696956}body div.container h1{transform:skewY(40deg);font-size:30vw;margin:110px;line-height:0.35}body div.container h1:hover{-webkit-text-stroke-width:1px}body div.container .parallelogram{width:320px;height:70px;transform:skew(20deg);background:darkred;margin:20px}}