.mapboldarrow { stroke:black; stroke-width:3; marker-end:url(#markerArrow); opacity: 1; transition: 0s; } .mapsexplain { /* height:0px; */ position: static; opacity:1; z-index:0; margin-top: 20px; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; /* transition: 35.1s ease-in-out; */ } img.mapspf1 { height:50px; width:30px; z-index:1; } .mapspf1L1 { transition:0s; height:50px; width:30px; position:absolute; opacity:0; z-index:1; } .mapspf1L2 { transition:0s; height:50px; width:30px; position:absolute; opacity:0; z-index:1; } img.mapsplc2 { transition:0s; height:60px; width:48px; z-index:1; } img.mapsplc1 { transition:0s; height:60px; width:48px; z-index:1; } img.mapfightIcon { height:25px; width:25px; } img.mapfightIconLime1 { height:25px; width:25px; position:absolute; opacity:0; } img.mapfightIconLimeFollowers { height:25px; width:25px; position:absolute; opacity:0; margin-top:5px; } img.mapfightIcon2 { height:25px; width:25px; } img.mapfightIconLime2 { height:25px; width:25px; position:absolute; opacity:0; } .mapOG1 { padding-left:11px; padding-right:5px; margin-left:-11px; border:4px double transparent; border-radius:15px; height:152px; margin-top:33px; } .mapOG2 { display:flex; flex-direction:column; padding-left:12px; padding-right:10px; margin-left:-8px; border:double 4px transparent; border-radius:15px; height:152px; margin-top:33px; } .mapx3wl { margin-top:38px; margin-right:-4px; } .mapxwl { height:210px; } .mapl34 { margin-top: 5px; display: flex; height: 112px; opacity: 1; border-color: black; flex-direction: column; } .mapimgwrap1 { display:flex; flex-direction:column; width:45px; transition:0s; } .mapOGCIcon { display:flex; flex-direction:row; justify-content: center; margin-top:-15px; margin-right:-8px; } .mapwrapLeft { margin-top:20px; display:flex; flex-direction:column; } .mapwrapMid { display:flex; flex-direction:row; height:75px; margin-top:-2px; margin-left:-1px; } .mapwrapMid2 { display:flex; flex-direction:row; height:75px; margin-top:-59px; margin-left:-1px; } .mapwrapRight { margin-top:20px; display:flex; flex-direction:column; } .mapigtitle { margin-top:127px; /* margin-top:-13px; */ margin-bottom:-18px; } .mapimgwrap3 { display:flex; flex-direction:row; justify-content: center; width:100px; height:200px } .mapimgwrapwrap3 { display:flex; flex-direction:column; justify-content: center; } .mapimgwrapwrapwrap3 { display:flex; flex-direction:row; justify-content: center; border:dashed 2px gray; border-radius: 150px; padding:5px; margin-top:-64px; margin-left:-21px; background-color: #d3d3d378; } .og1leaderlime1 { border:dashed 2px gray; } .og1leaderlime2 { border:dashed 2px gray; } .mapimgwrap4 { display:flex; flex-direction:row; justify-content: center; width:100px; height:200px } .mapimgwrapwrap4 { display:flex; flex-direction:column; justify-content: center; } .mapimgwrapwrapwrap4 { display:flex; flex-direction:row; justify-content: center; border-radius: 150px; padding:5px; margin-top:-18px; margin-left:-12px; margin-bottom:-6px; } .mapimgwrapwrapwrap42 { display:flex; flex-direction:row; justify-content: center; border-radius: 150px; padding:5px; margin-top:-16px; margin-left:-2px; } .mapx44 { margin-top:-25px; margin-right:-44px; } .mapacceptedBox { width:147px; margin-left:10px; height:74px; } img.mapcrown { z-index:2; opacity:0; height:21px; width:25px; opacity:1; margin-left:1px; margin-top:32px; margin-right:-14px; } img.mapcrown2 { position:absolute; z-index:2; opacity:0; height:21px; width:25px; opacity:1; margin-left:0px; } .mapw34 { display: flex; height: 123px; opacity: 1; border-color: rgb(68, 68, 60); flex-direction: column; } .mapimgwrapfight { display:flex; flex-direction:column; justify-content: center; width:50px; height:200px; margin-left:-28px; margin-right:-33px; margin-top:-32px; } .mapimgwrapfight2 { display:flex; flex-direction:column; justify-content: center; width:50px; height:200px; margin-left:-19px; margin-right:-17px; margin-top:-7px; } .maparrowIconBoxLeft { height:160px; width:60px; margin-top:-16px; margin-right:-12px; margin-left:-37px; } .maparrowIconBoxRight { height:160px; width:60px; margin-top:-16px; margin-right:-22px; margin-left:-32px; } .arrowdashedlime1 { stroke:lime; stroke-width:1; stroke-dasharray:5,5; marker-end:url(#markerArrowMapLime); opacity: 0; transition: 0s; } .arrowdashedlime2 { stroke:lime; stroke-width:1; stroke-dasharray:5,5; marker-end:url(#markerArrowMapLime); opacity: 0; transition: 0s; } img.leadercircle { height:71px; width:80px; position:relative; z-index:1; margin-top:-60px; margin-left:-24px; } img.leaderarrow { height:24px; width:25px; position:relative; z-index:1; margin-left:30px; margin-top:-17px; } .lostleadertalk { opacity:0; } .discardedIGcontest { opacity:1; } .mapdiscarded { margin-top:29px; margin-bottom:-18px; } .mapdiscardedB { } .mapdiscardedX { position:absolute; height:100px; width:50px; background-color:transparent; margin-left:22px; margin-top:-203px; z-index:2; opacity:0; } .xfontclass { font-weight:400; font-size:150px; color:red; opacity:0.7; } img.winnerleaderarrow { height:24px; width:25px; position:absolute; z-index:1; margin-left:-26px; margin-top:-17px; } .winnerleadertext { margin-top:-74px; margin-left:-91px; } img.followercircle { height:143px; width:86px; position:relative; z-index:1; margin-top:-119px; margin-left:-27px; margin-right:-20px; } img.winnerfollowerarrow { height:24px; width:25px; position:absolute; z-index:1; margin-left:-26px; margin-top:84px; } .followerleadertext { margin-top:38px; margin-left:-196px; } img.lostleaderwinnerfollowerarrow { height:24px; width:25px; position:absolute; z-index:1; margin-left:112px; margin-top:-38px; } .newleadertext { margin-top:-96px; margin-left:79px; }