Позиционирование

Как можно улучшить код?

<html>
  <head>
    <meta charset="utf-8">
    <title>Испытание: собери слово «вечность»</title>
    <link rel="stylesheet" href="setting.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div class="scene">
      <div class="h h1"></div>
      <div class="h h2"></div>
      <div class="h h3"></div>
      <div class="v v1"></div>
      <div class="v v2"></div>
      <div class="v v3"></div>
      <div class="v v4"></div>
      <div class="v v5"></div>
      <div class="v v6"></div>
      <div class="corner-top"></div>
      <div class="corner-bottom"></div>
      <div class="logo"></div>
    </div>
  </body>
</html>
html {
  padding: 0;
}

body {
  margin: 0;
  padding: 20px;
}

.scene {
  position: relative;
  width: 260px;
  height: 260px;
  background: none;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}

div {
  display: inline-block;
  background-color: white;
}
.h,
.v{
position:absolute;  
}
.v,
.h2{
bottom:40px;  
}
.corner-top,
.corner-bottom{
  position:absolute;
  left:150px;
}


/* горизонтальные элементы */
.h {
  width: 50px;
  height: 10px;
}

.h3 {
  width: 40px;
}

/* вертикальные элементы */
.v {
  width: 10px;
  height: 50px;
}

/* уголки */
.corner-top {
  background: none;
  border: 15px solid white;
  border-top-width: 20px;
  border-top-color: transparent;
  border-bottom-width: 0;
}

.corner-bottom {
  background: none;
  border: 15px solid transparent;
  border-top-width: 20px;
  border-top-color: white;
  border-bottom-width: 0;
}

/* лого */
.logo {
  width: 64px;
  height: 64px;
  background-image: url("logo.png");
  background-repeat: no-repeat;
  background-color: transparent;
  position:absolute;
  left:87px;
  top:80px;
}
.v1{
  left:20px;
}
.v2{
  left:60px;
  
}
.h1{
bottom:60px;
left:20px; 
}
.v3{
 left:100px;
}
.h2{
bottom:80px;
left:80px;
}
.v4{
right:110px;  
}
.corner-top{
  bottom:70px;
}
.corner-bottom{
  bottom:50px;
  
}
.v5{
 right:70px; 
}
.v6{
right:50px;;  
}
.h3{
 right:20px;
 bottom:40px;
}