<meta charset="utf-8" & gt; <meta name="viewport" content="width=device - width, initial - scale=1, minimum - scale=1, maximum - scale=1, the user - scalable=no"/& gt; <style> Body {background: # 000; Min - height: 768 px; } HTML, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, and h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; The list - style - type: none; } body {min - width: 1200 px; position: relative; } body, button, input, select, textarea {font: 9 em "Microsoft jas black"; - its - the font - smoothing: antialiased; - moz - osx - the font - smoothing: grayscale. Overflow: - Scroll; Overflow - x: hidden; } a {color: # 000; position: relative; {} * margin: 0; padding:0; } ul, ol, a {list - style: none; } a: link {text - decoration: none; } a: visited {text - decoration: none; } a: hover {text - decoration: none; color: #000; } a: active {text - decoration: none; }/* set the style of the scroll bar */: : - its - scrollbar {width: 2 px; }/rolling groove * */: : - its scrollbar - track {- its - box - shadow: inset006pxrgba,0,0,0.3 (0); border-radius:10px; }/* */scroll bar thumb: : -- its -- scrollbar thumb {border - the radius: 10 px; Background: rgba (0,0,0,0.1); - its - box - shadow: inset006pxrgba,0,0,0.5 (0); } : : - its scrollbar - thumb: window - inactive {width: 3 px; Background: rgba (0,0,0,0.3); }/* background along with */. The blur {- its - filter: the blur (10 px);/* Chrome, Opera */moz - filter: the blur (10 px); - ms - filter: the blur (10 px); The filter: the blur (10 px); Others value:}/* area pixel */. The blur {- its - filter: the blur (2 p);/* Chrome, Opera */moz - filter: the blur (2 p); - ms - filter: the blur (2 p); The filter: the blur (2 p); }. Bg - canvas {position: absolute; Z - index: 0; Width: 100%; height: 100%; Min - height: 768 px; }. Bg - canvas iframe {border: 0 px; Width: 100%; height: 100%; }. Cont {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }. Cont section {width: 1200 px; height: 100%; margin: 0 auto; }. Cont_left {position: relative; Top: 46%; Width: 650 px; float: left; color: #fff; }. Cont_left h1 {48 px; the font size: The font - weight: 900; Margin - bottom: 10 px; Letter - spacing: 4 px}. Cont_right {position: relative; Top: 33%; Right: 0 px; Float: right; width: 350px; Height: 350 px; Background: rgba (255255255, 1); Border: 1 px solid rgba (255255255, 5);///* * couldn't make the style of black * color: # FFF. */border - the radius: 10 px; Padding: 15 px 50 px; }. Cont_right h2 {margin - bottom: 35 px; color:#fff; }. The form - group {margin - bottom: 50 px; }. The form - group p {position: relative; }. The form - group p I {width: 34 px; Height: 34 px; The font - size: 20 px; text-align: center; The line - height: 34 px; position: absolute; top: 0; left: 0; Color: # 000;///* * couldn't make the style of black * color: # FFF. */}. The form - group p a {width: 34 px; Height: 34 px; The font - size: 20 px; text-align: center; The line - height: 34 px; position: absolute; top: 0; right: 0; Color: # 000;///* * couldn't make the style of black * color: # FFF. */}. The form - group input {padding - left: 34 px;///* * couldn't make the style of black * background: rgba (, 0, 0, 1); color:#fff; Border: 1 px solid rgba (255255255, 2); */}. The form - group input [id="inputEmail3"] {border - bottom - left - the radius: 0 px; Border - bottom - right - the radius: 0 px; }. The form - group input [id="exampleInputPassword3"] {border - the top - left - the radius: 0 px; Border - top - right - the radius: 0 px; } & lt;/style>