JSFiddle - React, Tailwind, and code Playground

by mrcatoff

HTML

<div class="hause_fixed">
  <div class="hause_fixed_balcony"></div>
  <div class="window"></div>
</div>

CSS

.hause_fixed {
  width: 0px;
  height: 0px;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-bottom: 50px solid rgb(62, 3, 165);
  position: fixed;
}

.hause_fixed:after {
  position: fixed;
  content: '';
  width: 100px;
  height: 100px;
  background: rgb(62, 3, 165);
  top: 58px;
  left: 18px;
}

.hause_fixed:before {
  position: fixed;
  content: '';
  width: 10px;
  height: 30px;
  background: rgb(62, 3, 165);
  top: 20px;
  left: 100px;
}

.hause_fixed_balcony {
  position: fixed;
  z-index: 1;
  width: 40px;
  height: 20px;
  margin: 60px 0px 0px -40px;
  background: gray;
}

.hause_fixed_balcony:before {
  content: '';
  position: fixed;
  z-index: 1;
  width: 40px;
  height: 10px;
  background: #F5F5DC;
}

.window {
  position: fixed;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: 60px 0px 0px 20px;
  background: gray;
}