Привет всем! Я только начал учится верстать сайты и вот кнопка не стает на место . Вот HTML
<!DOCTYPE HTML>
<html>
<head>
<title>Blog</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="font.css">
</head>
<body>
<header>
</header>
<main >
<div class='topback'>
<img class='logo' src="D:\HTML\MyBlog\Foto\logo_795.png"></img>
<div class="text1"><p>Hi there! We are the new kids on the block<br> and we build awesome websites and mobile apps.
</p></div>
<button class="button1">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="296px" height="73px" viewBox="0 0 296 73">
<path fill-rule="evenodd" fill="#eb7d4b"
d="M6.0,1.9997559 C6.0,1.9997559 290.99994,1.9997559 290.99994,1.9997559 C293.2091,1.9997559 295.0,3.7904053 295.0,5.999634 C295.0,5.999634 295.0,67.99942 295.0,67.99942 C295.0,70.20865 293.2091,71.999664 290.99994,71.999664 C290.99994,71.999664 6.0,71.999664 6.0,71.999664 C3.7907715,71.999664 1.999939,70.20865 1.999939,67.99942 C1.999939,67.99942 1.999939,5.999634 1.999939,5.999634 C1.999939,3.7904053
3.7907715,1.9997559 6.0,1.9997559 Z"/>
</svg>
</button>
</main>
<footer>
</footer>
</body>
</html>
Вот CSS:
.topback{
width: 1440px;
height: 596px;
background-color: #87509c;
margin-left: 12%;
}
.text1{
font-family: TitilliumWeb-ExtraLight;
font-size: 42.2px;
line-height: 48px;
font-weight: 700;
color: #f7f3ea;
margin-left: 267px;
margin-right: 267px;
margin-top: 140px;
margin-bottom: 240px;
text-align: center;
}
.button1{
margin-left: 100px;
margin-bottom: 100px;
}
Помогите, пожалуйста! А то я уже целый день сижу и туплю. За ранние спасибо!