JSFiddle - React, Tailwind, and code Playground

HTML

<title>Untitled Document</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="logo"></div>
    <div id="bar_outside"></div>
    <div id="box1"></div>
    <div id="middle_box"></div>
    <div id="home"></div>
    <div id="about"></div>
    <div id="service"></div>
    <div id="safehands"></div>
    <div id="spz"></div>
    <div id="copyright"></div>
    <div id="white_box"></div>
</body>

</html>

CSS

@charset "UTF-8";
/* CSS Document */
@font-face
{
	font-family:apple;
	src:url(../college/work/Website/Fonts/webfontkit-20140129-101837/apple_chancery-webfont.ttf);
}

html,body {
 Background-color:rgba(255,165,0,0.5);
 }
 
#white_box {
    position:absolute;
	min-width:90%;
	max-width:90%;
    margin:0 auto;
    height:92%;
    top:0%;
    left:5%;
	right:5%;
    background:white;
    z-index:1;
    width:80%;
	border: 5px solid rgba(255, 255, 0, 0);
}