代码
技术学习

技术博客

人工智能 大数据 前端开发 笔记

技术问答

IT资料下载

提供it学习资料上传下载服务

编程教程

java入门php入门人工智能入门

开发工具

在线开发环境WEBIDE

Html Python Java Php Phpcli Golang C# Nodejs C C++ Sql R Rust Ruby Dart Vb D F# Typescript Coffeescript Julia Kotlin Perl Groovy Lua Vala Ocaml Assembly Objectc Scala Erlang Pascal Swift Fortran Bash Clojure Ada Elixir Cobol Haskell Nim Racket Lisp

程序员工具箱

js压缩混淆图片压缩sqlite在线打开

开发框架

前端框架bfwuijs按需加载bfwonesoa框架bfwsoa分布式大数据框架bfwsea

离线开发环境

php集成开发包（bfwkit）

模板素材

js插件库

幻灯片人工智能数据库表单

html特效 代码库

三维粒子视觉差异动画

系统模板 系统源码

企业建站电商博客大数据人工智能

前端素材

图标图片字体视频音频

人工智能模型

人脸识别模型语音识别模型图片分类模型

面试招聘

外包技能

接外包私活按技能找人

码聊BFWIM

it人士专用及时通讯系统

IT笔试面试题库

golang笔试题php笔试题java笔试题python笔试题html前端笔试题

云空间

云桌面

专为IT技术人员打造的云电脑

域名

顶级域名注册 域名信息查询

云主机

Html空间 Php空间 Java空间 Python空间

我要吐槽
搜索

div+css绘制一个三维云端阁楼房屋效果代码

代码语言：html

所属分类：三维

代码描述：div+css绘制一个三维云端阁楼房屋效果代码

代码标签： css 三维 阁楼 房屋

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

  
  
<style>
body {
  --mouseX: 0;
  --mouseY: 0;
  display: grid;
  height: 100vh;
  overflow: hidden;
  place-items: center;
  background: linear-gradient(to top, #f3ebde 25%, rgba(255, 255, 255, 0.001) 50%), radial-gradient(circle at center, #f3ebde 7.5vmin, #6d9fbd 50vmin);
  perspective: 300vmin;
}
body:active:hover #wrap {
  transform: translateZ(calc((var(--mouseX) * -7.5vmin) + 55vmin)) translateY(7.5vmin) scale(0.5) rotateY(calc(25deg + (var(--mouseX) * 65deg))) rotateX(0);
  transition: 2s ease-in-out;
}
body:active:hover #wrap * {
  transition: 2s ease-in-out;
}
body:active:hover #wrap *:before, body:active:hover #wrap *:after {
  transition: 2s ease-in-out;
}
body:hover #wrap {
  transition: 0s ease-in-out;
}
body:hover #wrap * {
  transition: 0s ease-in-out;
}
body:hover #wrap *:before, body:hover #wrap *:after {
  transition: 0s ease-in-out;
}
body .panel {
  position: fixed;
  z-index: 999;
  width: 5vw;
  height: 100vh;
  top: 0;
}
body .panel:nth-of-type(1) {
  left: 0vw;
}
body .panel:nth-of-type(1):hover ~ #wrap {
  --mouseX: -0.3166666667;
}
body .panel:nth-of-type(2) {
  left: 5vw;
}
body .panel:nth-of-type(2):hover ~ #wrap {
  --mouseX: -0.2833333333;
}
body .panel:nth-of-type(3) {
  left: 10vw;
}
body .panel:nth-of-type(3):hover ~ #wrap {
  --mouseX: -0.25;
}
body .panel:nth-of-type(4) {
  left: 15vw;
}
body .panel:nth-of-type(4):hover ~ #wrap {
  --mouseX: -0.2166666667;
}
body .panel:nth-of-type(5) {
  left: 20vw;
}
body .panel:nth-of-type(5):hover ~ #wrap {
  --mouseX: -0.1833333333;
}
body .panel:nth-of-type(6) {
  left: 25vw;
}
body .panel:nth-of-type(6):hover ~ #wrap {
  --mouseX: -0.15;
}
body .panel:nth-of-type(7) {
  left: 30vw;
}
body .panel:nth-of-type(7):hover ~ #wrap {
  --mouseX: -0.1166666667;
}
body .panel:nth-of-type(8) {
  left: 35vw;
}
body .panel:nth-of-type(8):hover ~ #wrap {
  --mouseX: -0.0833333333;
}
body .panel:nth-of-type(9) {
  left: 40vw;
}
body .panel:nth-of-type(9):hover ~ #wrap {
  --mouseX: -0.05;
}
body .panel:nth-of-type(10) {
  left: 45vw;
}
body .panel:nth-of-type(10):hover ~ #wrap {
  --mouseX: -0.0166666667;
}
body .panel:nth-of-type(11) {
  left: 50vw;
}
body .panel:nth-of-type(11):hover ~ #wrap {
  --mouseX: 0.0166666667;
}
body .panel:nth-of-type(12) {
  left: 55vw;
}
body .panel:nth-of-type(12):hover ~ #wrap {
  --mouseX: 0.05;
}
body .panel:nth-of-type(13) {
  left: 60vw;
}
body .panel:nth-of-type(13):hover ~ #wrap {
  --mouseX: 0.0833333333;
}
body .panel:nth-of-type(14) {
  left: 65vw;
}
body .panel:nth-of-type(14):hover ~ #wrap {
  --mouseX: 0.1166666667;
}
body .panel:nth-of-type(15) {
  left: 70vw;
}
body .panel:nth-of-type(15):hover ~ #wrap {
  --mouseX: 0.15;
}
body .panel:nth-of-type(16) {
  left: 75vw;
}
body .panel:nth-of-type(16):hover ~ #wrap {
  --mouseX: 0.1833333333;
}
body .panel:nth-of-type(17) {
  left: 80vw;
}
body .panel:nth-of-type(17):hover ~ #wrap {
  --mouseX: 0.2166666667;
}
body .panel:nth-of-type(18) {
  left: 85vw;
}
body .panel:nth-of-type(18):hover ~ #wrap {
  --mouseX: 0.25;
}
body .panel:nth-of-type(19) {
  left: 90vw;
}
body .panel:nth-of-type(19):hover ~ #wrap {
  --mouseX: 0.2833333333;
}
body .panel:nth-of-type(20) {
  left: 95vw;
}
body .panel:nth-of-type(20):hover ~ #wrap {
  --mouseX: 0.3166666667;
}
body:before {
  content: "";
  position: absolute;
  width: 65vmin;
  height: 70vmin;
  box-shadow: 0 0 0 5vmin #fff, 0 5vmin 10vmin -2.5vmin rgba(0, 0, 0, 0.5), 0 0 0 200vw #f3ebde;
  z-index: 998;
}
body .upperblock {
  position: absolute;
  width: 50vmin;
  height: 100vmin;
  left: 15.5vmin;
  top: -2.5vmin;
  transform: translateZ(-25vmin);
}
body .upperblock .roofblock {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  top: -9.5vmin;
  height: 7.5vmin;
  width: 20vmin;
  left: calc(50% - 10vmin);
  transform: scaleY(1.25) scaleX(1.25) translateZ(25vmin);
}
body .upperblock .roofblock .tower {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  width: 3vmin;
  height: 5.5vmin;
  left: calc(50% - 3vmin);
  top: auto;
  bottom: 100%;
  transform: translateZ(-62.5vmin);
}
body .upperblock .roofblock .tower .towerside {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
  transform-origin: 50% 50% 3vmin;
}
body .upperblock .roofblock .tower .towerside:before, body .upperblock .roofblock .tower .towerside:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  left: -1.5vmin;
  top: auto;
  bottom: calc(100% - 1.25vmin);
  transform: rotateX(-30deg);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3vmin 11vmin 3vmin;
}
body .upperblock .roofblock .tower .towerside:after {
  left: calc(50% - 0.375vmin);
  bottom: calc(100% + 4.5vmin);
  border-width: 0 0.75vmin 11vmin 0.75vmin;
  transform: translateZ(4.85vmin) rotateX(-8.5deg);
  transform-origin: 50% -11vmin;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(1) {
  background: linear-gradient(to top, #e5c782 0.5vmin, #e2c175 0.5vmin, #e2c175 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #e3c379 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #e3c379 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #e3c379 calc(100% - 0.5vmin));
  transform: rotateY(45deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(1):before {
  border-color: transparent transparent #5d8061 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(1):after {
  border-color: transparent transparent #e0bc68 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(2) {
  background: linear-gradient(to top, #e9cf93 0.5vmin, #e6c986 0.5vmin, #e6c986 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #e7cb8a 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #e7cb8a 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #e7cb8a calc(100% - 0.5vmin));
  transform: rotateY(90deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(2):before {
  border-color: transparent transparent #557458 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(2):after {
  border-color: transparent transparent #e2c071 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(3) {
  background: linear-gradient(to top, #ecd6a4 0.5vmin, #e9d197 0.5vmin, #e9d197 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #ead29b 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #ead29b 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #ead29b calc(100% - 0.5vmin));
  transform: rotateY(135deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(3):before {
  border-color: transparent transparent #4c694f transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(3):after {
  border-color: transparent transparent #e3c379 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(4) {
  background: linear-gradient(to top, #f0deb4 0.5vmin, #edd8a8 0.5vmin, #edd8a8 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #eedaac 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #eedaac 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #eedaac calc(100% - 0.5vmin));
  transform: rotateY(180deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(4):before {
  border-color: transparent transparent #445d46 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(4):after {
  border-color: transparent transparent #e5c782 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(5) {
  background: linear-gradient(to top, #f3e5c5 0.5vmin, #f0e0b9 0.5vmin, #f0e0b9 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #f1e1bd 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #f1e1bd 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #f1e1bd calc(100% - 0.5vmin));
  transform: rotateY(225deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(5):before {
  border-color: transparent transparent #3b513d transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(5):after {
  border-color: transparent transparent #e7cb8a transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(6) {
  background: linear-gradient(to top, #f7edd6 0.5vmin, #f4e7ca 0.5vmin, #f4e7ca 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #f5e9ce 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #f5e9ce 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #f5e9ce calc(100% - 0.5vmin));
  transform: rotateY(270deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(6):before {
  border-color: transparent transparent #324534 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(6):after {
  border-color: transparent transparent #e9cf93 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(7) {
  background: linear-gradient(to top, #faf4e7 0.5vmin, #f7efda 0.5vmin, #f7efda 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #f8f1df 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #f8f1df 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #f8f1df calc(100% - 0.5vmin));
  transform: rotateY(315deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(7):before {
  border-color: transparent transparent #2a392b transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(7):after {
  border-color: transparent transparent #ead29b transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(8) {
  background: linear-gradient(to top, #fefcf8 0.5vmin, #fbf6eb 0.5vmin, #fbf6eb 0.7vmin, rgba(255, 255, 255, 0.001) 0.7vmin), radial-gradient(circle at bottom, rgba(243, 235, 222, 0.5) 1vmin, #fcf8f0 1vmin) 50% calc(0% - 3.5vmin)/100% 100% no-repeat, linear-gradient(to right, #fcf8f0 0.5vmin, rgba(255, 255, 255, 0.001) 0.5vmin, rgba(255, 255, 255, 0.001) calc(100% - 0.5vmin), #fcf8f0 calc(100% - 0.5vmin));
  transform: rotateY(360deg);
}
body .upperblock .roofblock .tower .towerside:nth-of-type(8):before {
  border-color: transparent transparent #212e23 transparent;
}
body .upperblock .roofblock .tower .towerside:nth-of-type(8):after {
  border-color: transparent transparent #ecd6a4 transparent;
}
body .upperblock .roofblock .roofside {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: repeating-linear-gradient(to right, #deb860 0.25vmin, #8b7334 0.25vmin, #8b7334 1vmin, #deb860 1vmin, #deb860 1.25vmin);
  border-radius: 95vmin 95vmin 0 0/70vmin 70vmin 0 0;
  box-shadow: inset 0 0 0 1.5vmin #deb860;
  transform: translateZ(-5vmin);
}
body .upperblock .roofblock .roofside:before, body .upperblock .roofblock .roofside:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: radial-gradient(circle at bottom, #d5a536 50%, #deb860);
  border-radius: 5vmin 5vmin 0.5vmin 0.5vmin;
  top: -72.5%;
  width: 50%;
  left: 25%;
  height: 75%;
  transform-origin: bottom;
  transform: scale(0.75) translateZ(-4vmin) rotateY(calc(-25deg - (var(--mouseX) * 65deg))) rotateX(calc(var(--mouseX) * -2.5deg));
  box-shadow: inset calc(var(--mouseX) * 5vmin) 0 2vmin #b38825;
}
body .upperblock .roofblock .roofside:after {
  top: -82.5%;
  width: 35%;
  left: 32.5%;
  height: 50%;
  background: radial-gradient(circle at bottom, #deb860 50%, #e7cb8a);
  -webkit-mask: linear-gradient(to top, rgba(255, 255, 255, 0.001) 1vmin, #000 1.5vmin);
          mask: linear-gradient(to top, rgba(255, 255, 255, 0.001) 1vmin, #000 1.5vmin);
}
body .upperblock .roofblock .roofside .roofplank {
  top: 17.5vmin;
  height: 4.5vmin;
  width: 1vmin;
  position: absolute;
  left: calc(50% - 0.5vmin);
  transform-origin: 50% -150%;
}
body .upperblock .roofblock .roofside .roofplank:before {
  content: "";
  position: absolute;
  width: 175%;
  height: 40vmin;
  top: 100%;
  left: -37.5%;
  background: radial-gradient(circle at left, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% + 1vmin) calc(50% + 1vmin)/6vmin 6vmin, radial-gradient(circle at left, #5b7d5f 2vmin, #466048 2vmin) calc(50% + 1vmin) calc(50% - 1vmin)/6vmin 6vmin;
  transform-origin: top;
  transform: translateZ(5vmin) rotateX(-90deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(1) {
  transform: rotate(110deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(2) {
  transform: rotate(117.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(3) {
  transform: rotate(125deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(4) {
  transform: rotate(132.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(5) {
  transform: rotate(140deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(6) {
  transform: rotate(147.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(7) {
  transform: rotate(155deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(8) {
  transform: rotate(162.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(9) {
  transform: rotate(170deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(10) {
  transform: rotate(177.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(11) {
  transform: rotate(185deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12) {
  transform: rotate(192.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13) {
  transform: rotate(200deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14) {
  transform: rotate(207.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15) {
  transform: rotate(215deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16) {
  transform: rotate(222.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17) {
  transform: rotate(230deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18) {
  transform: rotate(237.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19) {
  transform: rotate(245deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(21):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(22):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(23):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(24):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(25):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(20) {
  transform: rotate(252.5deg);
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(12):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(13):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(14):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(15):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(16):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(17):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(18):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at right, #5b7d5f 2vmin, #466048 2vmin) calc(50% - 1vmin) calc(50% + 1vmin)/6vmin 6vmin;
}
body .upperblock .roofblock .roofside .roofplank:nth-of-type(19):before {
  background: radial-gradient(circle at right, #516e54 2vmin, rgba(255, 255, 255, 0.001) 2vmin) calc(50% - 1vmin) calc(50% - 1vmin)/6vmin 6vmin, radial-gradient(circle at r.........完整代码请登录后点击上方下载按钮下载查看

网友评论0

取消

相似代码
div+css实现三维空间照片围成一圈倒影旋转悬浮变彩色动画效果代码
three实现三维铁水滴落下叶片涟漪动画效果代码
three+lil-gui实现三维可调节参数的壁炉火苗燃烧效果代码
three实现三维等离子电视效果代码
webgl实现canvas三维木碗木球旋转动画效果代码
three实现三维场景字母文字下落地面动画效果代码
three+EventEmitter+gsap实现三维虫洞星际之门穿越效果代码
three实现无数三维立方体上升拼筹堆叠动画效果代码
three实现三维立体多边形线框旋转动画效果代码
webgl实现三维煮鸡蛋旋转动画效果代码
热门代码搜索
火焰 水纹 登录 大数据看板 雪花 时钟 鼠标跟随 gsap动画 粒子 播放器 canvas svg hover 文字 滑块 导航 红包 vue代码 react代码 bootstrap代码
阿里云服务器0元抢 云产品购物券
其他语言代码库
Html代码库 Python代码库 Java代码库 Php代码库 Phpcli代码库 Golang代码库 C#代码库 Nodejs代码库 C代码库 C++代码库 Sql代码库 R代码库 Rust代码库 Ruby代码库 Dart代码库 Vb代码库 D代码库 F#代码库 Typescript代码库 Coffeescript代码库 Julia代码库 Kotlin代码库 Perl代码库 Groovy代码库 Lua代码库 Vala代码库 Ocaml代码库 Assembly代码库 Objectc代码库 Scala代码库 Erlang代码库 Pascal代码库 Swift代码库 Fortran代码库 Bash代码库 Clojure代码库 Ada代码库 Elixir代码库 Cobol代码库 Haskell代码库 Nim代码库 Racket代码库 Lisp代码库
BFW.WIKI 专业的互联网技术学习交流开发部署一站式平台
本站所有栏目导航

技术学习

技术博客 技术问答 技术课程 资料下载

工具环境

webide bfwstudio 工具箱 码聊 域名空间

源码模板

js插件库 html特效 代码库 开源项目 模板库 素材库

技能外包

人才技能库 项目外包 笔试题库
备案号：苏ICP备19002694号
关于我们 免责声明