#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:Petrona;height:100dvh;overflow:hidden}body{margin:0;padding:0}body:before{background:url(../compimages/animation/bgsonia4k.png) no-repeat #60493e;background-position:50%;background-size:cover;bottom:0;content:"";display:block;left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}:root{--primary-Color:#b87333;--header-height:120px;--footer-height:150px}@media (min-width:901px) and (max-width:1281px){:root{--header-height:95px;--footer-height:110px}}