.editorSheet {
width: 80vw;
min-height: 100vw;
margin-left: 10vw;
border: solid;
border-width: 0px;
text-align: left;
background-color: rgb(70, 70, 70);
-webkit-box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
box-shadow: 6px 10px 9px 0px rgba(0, 0, 0, 0.75);
padding: 15px;
color:rgb(207, 207, 207)
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
</head>
<style>
.header {
position: absolute;
left: 0px;
top: 0px;
width: 1920px;
height: 4776px;
z-index: 140;
background-color: coral;
}
.About {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1361.937px;
top: 31px;
z-index: 137;
}
.products {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1183.937px;
top: 31px;
z-index: 136;
}
.Home {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 1020.937px;
top: 31px;
z-index: 135;
}
.Menu {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.8;
text-align: left;
position: absolute;
left: 70.937px;
top: 31px;
z-index: 134;
}
.en {
font-size: 15px;
font-family: "Myriad Pro";
color: rgba(255, 255, 255, 0.502);
text-transform: uppercase;
line-height: 1.2;
text-align: left;
position: absolute;
left: 1856.937px;
top: 35.5px;
z-index: 133;
}
.Wooder {
font-size: 36px;
font-family: "Myriad Pro";
color: rgb(255, 255, 255);
text-transform: uppercase;
line-height: 1.2;
text-align: center;
position: absolute;
left: 717.844px;
top: 19.9px;
z-index: 128;
}
</style>
<body>
<div class="header">
<a href="#" class="About">About</a><br>
<a href="#" class="products">products</a><br>
<a href="#" class="Home">Home</a><br>
<a href="#" class="en">en</a><br>
<a href="#" class="Wooder">Wooder</a><br>
</div>
</body>
</html>
<button onclick="window.location.href='http://site.ru/information.html';">
Information
</button>
body {
background-color: tan;
}
@media screen and (max-width: 992px) {
body {
background-color: blue;
}
}
@media screen and (max-width: 600px) {
body {
background-color: olive;
}
}
<body>
<form action="https://касса.ру/merchant/forms.php" method="GET">
<input type="text" name="targets" id="targets" value="123">
<br>
<input type="text" name="default-sum" id="default-sum" value="55">
<br>
<input type="submit">
</form>
</body>