@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");html{font-size:10px}body{font-size:1.6rem;margin:0;padding:0;background:#eee;height:100vh;position:relative;font-family:'Open Sans', sans-serif}.stripes{display:grid;grid:repeat(5, 150px)/repeat(10, 1fr);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:skewY(-12deg);transform-origin:0;background:linear-gradient(to bottom, #D81B60, #EC407A 10%, #F48FB1 40%, #F8BBD0 50%, #FCE4EC 60%)}.stripes :nth-child(1){grid-column:span 6;background:#D81B60}.stripes :nth-child(2){grid-row:3;grid-column:span 6;background:#EC407A}.stripes :nth-child(3){grid-row:4;grid-column:3 / span 5;background:#F48FB1}.stripes :last-child{grid-row:5;grid-column:6 / span 5;background-color:#EC407A}@media (max-width: 900px){.stripes{grid:repeat(5, 100px)/repeat(6, 1fr)}}.content{width:100%;padding-top:50px;display:flex;align-items:center;justify-content:center}.content .about-fonts{max-width:840px;margin:0 40px;margin-bottom:50px;padding:20px 30px;background:white;border-radius:5px;border:3px solid black;box-shadow:0px 15px 10px -10px rgba(0,0,0,0.3)}.content .about-fonts h1,.content .about-fonts h2{margin:0;color:#333;margin-bottom:20px;font-weight:400;font-size:2.6rem}.content .about-fonts h1{font-size:3.6rem;word-spacing:4px;text-align:center;letter-spacing:0.05rem}.content .about-fonts hr{border:0;border-bottom:3px solid #333;max-width:600px;margin-bottom:30px}.content .about-fonts p{font-weight:400;letter-spacing:0.3px}.content .about-fonts p .strong{font-size:2rem;letter-spacing:2px}