.checkinMainDiv{width:100vw;height:100vh;background:#fff}.topDiv{width:100%;height:50%;background:transparent;background-image:url(/images/foursquare/swarmbg.png);background-size:100% 103%;background-position:50%}.checkinUser{position:fixed;top:65px;left:0;right:0;margin:auto}.bottomDiv{width:100%;height:50%;background:transparent}.swarmLogo{background-image:url(/images/foursquare/swarmlogo.png);float:right;position:absolute;right:40px;top:25px;z-index:99;width:200px;height:50px;background-size:cover}.mainFourSquare{background-image:url(/images/foursquare/bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100vw;height:100vh}.mainFourSquare,.textDiv{position:fixed;left:0;right:0;margin:auto}.textDiv{width:100%;font-family:sans-serif;text-align:center;margin-top:120px}.textDiv h1{font-size:90px;color:#fa0;font-weight:700;margin:auto}.mypoligon{margin:auto;height:590px;width:590px;background-color:#fff;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);border-bottom:5px solid #fa0}.mypoligon:before{top:5px;height:580px;background-image:var(--background);background-size:cover;background-position:50%}.mypoligon:after,.mypoligon:before{content:"";display:block;position:relative;left:5px;width:580px;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.mypoligon:after{bottom:617px;height:2225px;background:#fa0;z-index:-1}