@font-face{font-family:'AvenirNext-Medium';src:url("../assets/fonts/Avenir Next/AvenirNext-Medium.eot");src:url("../assets/fonts/Avenir Next/AvenirNext-Medium.woff2") format("woff2"),url("../assets/fonts/Avenir Next/AvenirNext-Medium.woff") format("woff"),url("../assets/fonts/Avenir Next/AvenirNext-Medium.ttf") format("truetype"),url("../assets/fonts/Avenir Next/AvenirNext-Medium.svg#AvenirNext-Medium") format("svg"),url("../assets/fonts/Avenir Next/AvenirNext-Medium.eot?#iefix") format("embedded-opentype");font-weight:normal;font-style:normal}@font-face{font-family:'PT_Sans';src:url("../assets/fonts/PT_Sans/PT_Sans-Web-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'PT_Sans-Italic';src:url("../assets/fonts/PT_Sans/PT_Sans-Web-Italic.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'Open_Sans';src:url("../assets/fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'OpenSans-Italic';src:url("../assets/fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'OpenSans-Light';src:url("../assets/fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'OpenSans-LightItalic';src:url("../assets/fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");font-weight:normal;font-style:normal}.highlight{-webkit-box-shadow:inset 0px 0px 0px 3px #e4e6e6;-moz-box-shadow:inset 0px 0px 0px 3px #e4e6e6;box-shadow:inset 0px 0px 0px 3px #e4e6e6}.clicked{background-color:#e4e6e6}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cursors{cursor:url("../assets/graphics/icons/ana.png"),auto}.mask2{width:100vw;height:100vh;position:absolute;background-color:#121212;opacity:0.6;z-index:300;display:none}#popup_prompt{width:70vw;height:18vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;background-color:white;border-radius:15px;z-index:800;padding:5vh;overflow:hidden;display:none}#popup_prompt h3{margin:0;font-family:"Open_Sans",sans-serif;font-size:12pt;text-align:center;letter-spacing:0;text-transform:none;color:#262526}@media screen and (max-width: 320px){#popup_prompt h3{font-size:10pt}}#popup_prompt p{margin-top:5px;font-family:"Open_Sans",sans-serif;font-size:10pt;text-align:center;letter-spacing:0;text-transform:none}#popup_prompt p span{margin-top:1px;display:block}#popup_prompt input{width:calc(100% - 20px);height:1s0px;padding:10px;font-family:"Open_Sans",sans-serif;font-size:10pt;text-align:center;letter-spacing:0;text-transform:none;border:1px solid #d1d3d4}@media screen and (max-width: 320px){#popup_prompt input{font-size:8pt}}#popup_prompt button{width:50.5%;height:8vh;background:transparent;border:2px solid #d1d3d4}#popup_prompt button p{font-family:"PT_Sans",sans-serif;font-size:9pt;text-align:center;letter-spacing:2px;text-transform:capitalize;transform:translate(0, 30%);display:block;text-transform:uppercase;color:#262526}#popup_prompt #ok{position:absolute;margin:auto;top:1;right:0;bottom:0;left:1;vertical-align:middle;display:block}#popup_prompt #cancel{position:absolute;margin:auto;top:1;right:1;bottom:0;left:0;vertical-align:middle;display:block}.dropup{width:95vw;height:0vh;position:fixed;margin:auto;top:1;right:0;bottom:0;left:0;vertical-align:middle;display:block;z-index:50;background-color:#fcfbfe;border-radius:5px;display:none;-webkit-box-shadow:0px 0px 63px 2px #1c191c;-moz-box-shadow:0px 0px 63px 2px #1c191c;box-shadow:0px 0px 63px 2px #1c191c}.dropup .frame{width:95vw;height:95%;overflow-x:hidden;overflow-y:hidden}.dropup .button{width:95vw;height:65px;border-bottom:2px solid #d1d3d4}@media screen and (max-width: 320px){.dropup .button{height:55px}}.dropup .button p{font-family:"PT_Sans",sans-serif;font-size:11pt;text-align:left;letter-spacing:1px;text-transform:capitalize;margin-left:15px;transform:translate(0, 40%);float:left;display:block}@media screen and (max-width: 320px){.dropup .button p{font-size:10pt}}.dropup:after{content:'';position:absolute;border-style:solid;border-width:16px 6px 0;border-color:#FFFFFF transparent;display:block;width:0;z-index:1;bottom:-16px}.sdropup:after{left:4.5%}.edropup:after{left:18%}.gdropup:after{left:33%}#login_menu h3{font-family:"Open_Sans",sans-serif;font-size:11pt;text-align:center;letter-spacing:0;text-transform:none;color:#262526}@media screen and (min-width: 375px){#login_menu h3{font-size:12pt}}@media screen and (min-width: 400px){#login_menu h3{font-size:13pt}}#login_menu button{position:relative;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block}@media screen and (max-width: 320px){#login_menu button{font-size:7pt;height:40px}}#login_menu p{font-family:"PT_Sans",sans-serif;font-size:10pt;text-align:center;letter-spacing:1px;text-transform:capitalize;display:block}@media screen and (max-width: 320px){#login_menu p{font-size:8pt}}@media screen and (min-width: 340px){#login_menu p{font-size:11pt}}#gallery_menu{overflow-y:scroll}.sidebutton{border-radius:50%;width:40px;height:40px}@media screen and (max-width: 320px){.sidebutton{width:35px;height:35px}}.scheme-icon{content:url(../assets/graphics/svg/scheme.svg);object-fit:contain}.mono-icon{content:url(../assets/graphics/icons/mon.png);object-fit:contain}.ana-icon{content:url(../assets/graphics/icons/ana.png);object-fit:contain}.com-icon{content:url(../assets/graphics/icons/com.png);object-fit:contain}.tet-icon{content:url(../assets/graphics/icons/tetrad.png);object-fit:contain}.tri-icon{content:url(../assets/graphics/icons/triad.png);object-fit:contain}.random-icon{content:url(../assets/graphics/svg/random.svg);object-fit:contain}#randomize_button{position:absolute;margin:6% 25% 0 0;top:0;right:0;bottom:1;left:1;vertical-align:middle;display:block}#schemes_button{position:absolute;margin:17% 10% 0 0;top:0;right:0;bottom:1;left:1;vertical-align:middle;display:block}#dropdown{width:45vw;height:52vh;position:fixed;margin:auto;top:0;right:0;bottom:1;left:1;vertical-align:middle;display:block;margin-top:21vh;margin-right:2.5vw;z-index:50;background-color:#fcfbfe;border-radius:5px;display:none;-webkit-box-shadow:0px 0px 56px -8px #1c191c;-moz-box-shadow:0px 0px 56px -8pxrgba 28,25,28,1;box-shadow:0px 0px 56px -8px #1c191c}@media screen and (min-width: 400px){#dropdown{height:47vh}}#dropdown .button{width:45vw;height:65px;border-bottom:2px solid #d1d3d4}@media screen and (max-width: 320px){#dropdown .button{height:55px}}#dropdown .button p{font-family:"PT_Sans",sans-serif;font-size:11pt;text-align:left;letter-spacing:1px;text-transform:capitalize;margin-left:15px;transform:translate(0, 40%);float:left;display:block}@media screen and (max-width: 320px){#dropdown .button p{font-size:10pt;transform:translate(0, 30%)}}#dropdown #triangle2{width:20px;height:20px;-webkit-clip-path:polygon(50% 0%, 11% 100%, 88% 100%);clip-path:polygon(50% 0%, 111% 100%, 88% 100%);position:fixed;margin:auto;top:0;right:0;bottom:1;left:1;vertical-align:middle;display:block;background-color:#fcfbfe;position:absolute;margin-top:-19px;margin-right:26%}.menu_bar{position:fixed;margin:auto;top:1;right:1;bottom:0;left:0;vertical-align:middle;display:block;height:5vh;width:100vw;padding-top:2vh;padding-bottom:3vh;padding-left:10px;background-image:url(../assets/graphics/texture02.jpg);box-shadow:inset 0 0 3em rgba(0,0,0,0.4);display:block}@media screen and (min-width: 375px){.menu_bar{height:7vh;padding-bottom:1vh}}.menu_bar img{border-radius:50%;width:40px;height:40px}@media screen and (max-width: 320px){.menu_bar img{width:35px;height:35px}}.menu_bar img:nth-child(1){content:url(../assets/graphics/icons/save.png);object-fit:contain}.menu_bar img:nth-child(2){content:url(../assets/graphics/icons/export.png);object-fit:contain}.menu_bar img:nth-child(3){content:url(../assets/graphics/icons/gallery.png);object-fit:contain}.menu_bar .icon{float:left;margin-right:10px}.menu_bar #title{font-family:"PT_Sans",sans-serif;font-size:10pt;text-align:right;letter-spacing:3px;text-transform:uppercase;color:#e4e6e6;margin-right:22vw;margin-top:12px}@media screen and (max-width: 320px){.menu_bar #title{font-size:7pt}}#radial_menu{position:fixed;margin:0 5vw 2vh 0;top:1;right:0;bottom:0;left:1;vertical-align:middle;display:block;width:35px;height:35px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);z-index:100}@media screen and (min-width: 350px){#radial_menu{width:40px;height:40px}}@media screen and (min-width: 400px){#radial_menu{margin-bottom:2.5vh}}#radial_menu .menu{transform:rotate(180deg);width:35px;height:35px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}@media screen and (min-width: 350px){#radial_menu .menu{width:40px;height:40px}}#radial_menu div{display:table;position:absolute;border-radius:50%;width:50px;height:50px}#radial_menu div i{display:table-cell;vertical-align:middle}#radial_menu div:nth-child(1){bottom:10px;left:-130px}#radial_menu div:nth-child(2){bottom:90px;left:-95px}#radial_menu div:nth-child(3){bottom:140px;left:-20px}#landing{width:100vw;height:100vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;background-image:url(../assets/graphics/texture01.jpg);z-index:940}#intro{width:80vw;height:50vh;position:absolute;margin:auto;top:0;right:0;bottom:30vh;left:0;vertical-align:middle;display:block;color:#e4e6e6;z-index:950}#intro h1{font-family:"AvenirNext-Medium",sans-serif;font-size:16pt;text-align:center;letter-spacing:5px;text-transform:capitalize}#intro img{width:45vw;height:23vh;position:relative;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;content:url(../assets/graphics/logo.png);object-fit:contain}#intro p{margin-top:20px;opacity:0.8;font-style:italic;line-height:14pt;font-family:"PT_Sans",sans-serif;font-size:8.5pt;text-align:center;letter-spacing:2px;text-transform:none}#enter{position:fixed;margin:auto;top:75vh;right:0;bottom:0;left:0;vertical-align:middle;display:block;z-index:950}#transition{width:100vw;height:100vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;background-color:black;opacity:1;z-index:999;margin:0;overflow:hidden}.colourSlider{width:100vw;height:100vh;margin-top:3vh}@media screen and (min-width: 370px){.colourSlider{margin-top:5vh}}.colourSlider input[type=range]{-webkit-appearance:none;width:20vh;transform:rotate(90deg);position:absolute;margin-top:10vh}.colourSlider input[type=range]:focus{outline:none}.colourSlider input[type=range]::-webkit-slider-thumb{height:50px;width:20px;border-radius:4px;background:#ffffff;-webkit-appearance:none}.colourSlider #cmyk_div .column{margin-left:-10vw}.colourSlider #cmyk_div .colornum>input:nth-child(3){margin-right:5vw}.colourSlider #cmyk_div .colornum>input:nth-child(4){margin-right:0}.colourSlider #g,.colourSlider #m,.colourSlider #s{margin-left:25%}.colourSlider #b,.colourSlider #y,.colourSlider #l{margin-left:50%}.colourSlider #k{margin-left:75%}.colourSlider .hideout{display:none}.colourSlider .column{width:100vw;height:18vh}.colourSlider .colornum{text-align:center;width:80vw}.colourSlider .colornum>input{width:15%;height:3vh;margin-top:3vh;margin-right:5vw;text-align:center}.colourSlider .colornum>input:nth-child(3){margin-right:0}.colourSlider .colornum button{margin-right:5vw}.colourSlider .colornum button:nth-child(3){margin-right:0}#saved_icon{width:50vw;height:50vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;z-index:300;display:none;animation:flipInY 0.5s}#close{width:10vw;height:10vh;content:url(../assets/graphics/delete.png);object-fit:contain;position:absolute;margin:2.5% 5% 0 0;top:0;right:0;bottom:1;left:1;vertical-align:middle;display:block;object-fit:contain;z-index:950;display:none}.mask{width:100vw;height:100vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;background-color:black;opacity:1;display:none}#login,#registration,#welcome{z-index:900}#login h3,#registration h3,#welcome h3{margin:0;font-family:"Open_Sans",sans-serif;font-size:14pt;text-align:center;letter-spacing:0;text-transform:none;color:#e4e6e6}@media screen and (min-width: 375px){#login h3,#registration h3,#welcome h3{font-size:18pt}}#login input,#registration input,#welcome input{width:80vw;height:40px;font-family:"Open_Sans",sans-serif;font-size:10pt;text-align:left;letter-spacing:0;text-transform:none;color:#e4e6e6;border:none;border-bottom:2px solid rgba(255,255,255,0.8);outline:none;background:none}#login input,#login button,#registration input,#registration button,#welcome input,#welcome button{position:relative;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;margin:0 auto}@media screen and (max-width: 320px){#login input,#login button,#registration input,#registration button,#welcome input,#welcome button{font-size:8pt;height:40px}}#login button,#registration button,#welcome button{margin-top:2vh}#login h4,#registration h4,#welcome h4{width:80vw;height:40px;position:relative;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;font-family:"Open_Sans",sans-serif;font-size:9pt;text-align:center;letter-spacing:0;text-transform:none;line-height:160%;color:#e4e6e6;opacity:0.65}@media screen and (max-width: 320px){#login h4,#registration h4,#welcome h4{font-size:8pt}}#login p,#registration p,#welcome p{font-family:"Open_Sans",sans-serif;font-size:8pt;text-align:center;letter-spacing:0;text-transform:none;color:#e4e6e6;margin-top:3vh;margin-bottom:3vh}@media screen and (max-width: 320px){#login p,#registration p,#welcome p{font-size:7pt}}@media screen and (min-width: 375px){#login p,#registration p,#welcome p{font-size:9.5pt}}#login{padding-top:50vh;display:none}#registration{padding-top:32vh;display:none}@media screen and (min-width: 375px){#registration{padding-top:37vh}}.button2{background-color:#fafafa;padding:10px 20px;display:inline-block;border-radius:41px;border:1px solid #9e9e9e;outline:none;-moz-box-shadow:inset 0px 0px 3px 0px #6b6b6b;-webkit-box-shadow:inset 0px 0px 3px 0px #6b6b6b;box-shadow:inset 0px 0px 3px 0px #6b6b6b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #b5b5b5));background:-moz-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-webkit-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-o-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-ms-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:linear-gradient(to bottom, #fff 5%, #b5b5b5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#b5b5b5',GradientType=0);color:#737373;font-family:"PT_Sans",sans-serif;font-size:8pt;text-align:left;letter-spacing:1px;text-transform:uppercase}@media screen and (max-width: 320px){.button2{padding:9px 15px;font-size:7pt}}.selection{outline:none;background-color:#fafafa;border:1px solid #292929;-moz-box-shadow:inset 0px 1px 3px 0px #424243;-webkit-box-shadow:inset 0px 1px 3px 0px #424243;box-shadow:inset 0px 1px 3px 0px #424243;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #292929));background:-moz-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-webkit-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-o-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-ms-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:linear-gradient(to bottom, #4d4d4d 5%, #292929 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#292929',GradientType=0);color:#e4e6e6;font-family:"PT_Sans",sans-serif;font-size:8pt;text-align:left;letter-spacing:1px;text-transform:uppercase}@media screen and (max-width: 320px){.selection{padding:9px 15px;font-size:7pt}}.button_color{background-color:#fafafa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #292929));background:-moz-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-webkit-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-o-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:-ms-linear-gradient(top, #fff 5%, #b5b5b5 100%);background:linear-gradient(to bottom, #fff 5%, #b5b5b5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#292929',GradientType=0)}.fullwidth_button{width:80vw;height:50px;outline:none;color:#424243;font-family:"PT_Sans",sans-serif;font-size:9pt;text-align:center;letter-spacing:2px;text-transform:uppercase}.fullwidth_button:active{outline:none;background-color:#fafafa;border:1px solid #9e9e9e;color:#e4e6e6;-moz-box-shadow:inset 0px 1px 3px 0px #424243;-webkit-box-shadow:inset 0px 1px 3px 0px #424243;box-shadow:inset 0px 1px 3px 0px #424243;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #292929));background:-moz-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-webkit-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-o-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:-ms-linear-gradient(top, #4d4d4d 5%, #292929 100%);background:linear-gradient(to bottom, #4d4d4d 5%, #292929 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#292929',GradientType=0)}body{margin:0;overflow:hidden;background-image:url(../assets/graphics/texture01.jpg)}#orientation{z-index:999}#orientation div{width:80vw;height:40vh;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block}#orientation div img{width:45vw;height:23vh;position:relative;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;content:url(../assets/graphics/interface.png);object-fit:contain}#orientation div h3{margin:0;font-family:"Open_Sans",sans-serif;font-size:14pt;text-align:center;letter-spacing:0;text-transform:none;color:#e4e6e6}@media screen and (min-width: 375px){#orientation div h3{font-size:18pt}}#mask{width:100vw;height:100vh;position:absolute;background-color:#121212;opacity:0.98;z-index:55;display:none}.heading{color:#e4e6e6;font-family:"PT_Sans",sans-serif;font-size:12pt;text-align:left;letter-spacing:5px;text-transform:uppercase;position:absolute;margin-left:2%;width:80%}.heading2{color:#e4e6e6;font-family:"PT_Sans",sans-serif;font-size:11pt;text-align:left;letter-spacing:5px;text-transform:capitalize;width:80%}.subheading{color:#d1d3d4;font-family:"PT_Sans",sans-serif;font-size:8pt;text-align:left;letter-spacing:5px;text-transform:uppercase;margin-top:25px}.container{width:80vw;height:82vh;overflow:hidden;position:relative;float:right;margin:2vh 2.5vw;padding:2vh 2.5vw}.inner-container{position:absolute;margin:0 auto;top:12%;right:0;bottom:0;left:0;vertical-align:middle;display:block;width:90%;height:80%}#paletteDiv{width:10vw;height:90vh;position:relative;float:left}#palette{width:10vw;height:90vh;position:relative;z-index:20}#wheel .typeinput{width:25vw;height:30px;position:relative;margin:0;top:0;right:0;bottom:0;left:0;vertical-align:middle;display:block;font-family:"AvenirNext-DemiBold",sans-serif;font-size:8pt;text-align:left;letter-spacing:3px;text-transform:uppercase;background:#fcfbfe;border:none;padding-left:2vw}#wheel #wheel-container{padding-top:3vh;margin:0 auto}.scroll ::-webkit-scrollbar{width:11px;height:11px}.scroll ::-webkit-scrollbar-button{width:0px;height:0px}.scroll ::-webkit-scrollbar-thumb{background:#e1e1e1;border:5px none #ffffff;border-radius:50px}.scroll ::-webkit-scrollbar-thumb:hover{background:#ffffff}.scroll ::-webkit-scrollbar-thumb:active{background:#c0c0c0}.scroll ::-webkit-scrollbar-track{background:#666666;border:25px none #ffffff;border-radius:50px}.scroll ::-webkit-scrollbar-track:hover{background:#666666}.scroll ::-webkit-scrollbar-track:active{background:#333333}.scroll ::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-thumb{background:#FF0000}#meaning{overflow-y:scroll;-webkit-overflow-scrolling:touch}#meaning #swatch{width:50px;height:50px;display:inline-block}#meaning #hexcode{margin-left:5vw;display:inline-block}#meaning hr{margin:30px 30px;display:block}#meaning p{color:#e4e6e6;line-height:15pt;font-family:"Open_Sans",sans-serif;font-size:10pt;text-align:left;letter-spacing:0;text-transform:none}#meaning p span{margin:10px;display:block}#meaning p .embedded{margin:0;display:inline-block;font-family:"Open_Sans",sans-serif;font-size:10pt;text-align:left;letter-spacing:0;text-transform:none}#interaction img{width:35px;height:35px;border-radius:50%;float:right}#interaction #slider{bottom:0;left:25%;position:absolute;width:50vw;height:5vh}#interaction #temp1{padding-top:5vh;display:block}#interaction #temp1 .case1-a{width:180px;height:180px;margin-left:auto;margin-right:auto;display:block;margin-top:-3px;position:relative}#interaction #temp1 .case1-b{width:30px;height:60px;position:absolute;margin:0 30px 30px 0px;top:1;right:0;bottom:0;left:1;vertical-align:middle;display:block}#interaction #temp2{display:none}#interaction #temp2 .case2-a{width:150px;height:150px;margin-left:auto;margin-right:auto;margin-top:60px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#interaction #temp2 .case2-b{width:150px;height:150px;margin-left:auto;margin-right:auto;margin-top:-45px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#clickme{display:none;margin-top:-150px;z-index:2}