JSFiddle - React, Tailwind, and code Playground

HTML

<title> Gmail </title>
	

<body>
	<br><br><br>
	<center>
	<img src="1.png" alt="google" height="38px">
        <p class="header1"> One account. All of Google.</p>
	<p class="header2">Sign in to continue to Gmail</p>
</body>
</h

CSS

body{
    text-align: center;
}
    @font-face {
    	font-family:'OpenSans';
    	src:url("OpenSans-Light-webfont.woff);
    }
@font-face {
		font-family:OpenSansreg;
		src: url("OpenSans-Regular-webfont.woff");
	}

	
    p.header1{
        font-family:"OpenSans";
		color: #404040;
		font-size: 38px;
		margin-top: 21px;
		margin-bottom: -10px;
		font-style: normal;
		font-weight: 300;
}
p.header2{
    font-family:"OpenSansreg";
		color: #404040 ;
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 20px;
		font-style: normal;
		font-weight: 400;
}
	}
       






    }