#sa2_titlecard{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;}#sa2_titlecard_inner{width:100%;height:100%;position:relative;}#sa2_background{background:rgb(0,0,0);position:absolute;top:0;left:0;width:100%;height:100%;display:none;}#sa2_zigzag{width:0;height:100%;position:absolute;left:0;top:0;padding-right:20px;opacity:0;}#sa2_zigzag_block{background:rgb(192,192,192);height:100%;margin-right:20px;}#sa2_zigzag_image{background:url('images/zigzag_sa2.png') 0 0 repeat-y transparent;width:20px;height:100%;float:right;}#sa2_zigzag_text{opacity:0;}.sa2_zigzag_text_move,.sa2_zigzag_text_scale{font-family:'Vipnagorgialla-Regular';color:rgb(255,255,255);font-size:80pt;position:absolute;top:0;left:20%;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:-16px -8px;-webkit-transform-origin:-16px -8px;white-space:nowrap;}.sa2_zigzag_text_move{opacity:0.333;}.sa2_zigzag_text_scale{opacity:0;transform:scale(3,3) rotate(90deg);}.sa2_zigzag_text_scale.sa2_show{opacity:0.4;transform:scale(1,1) rotate(90deg);}.sa2_zigzag_text_scale.sa2_show.sa2_animate{animation:sa2_zigzag_text_scale 0.25s linear;-webkit-animation:sa2_zigzag_text_scale 0.25s linear;}.sa2_zigzag_text_scale.sa2_animate{animation:sa2_zigzag_text_scale_remove 0.5s linear;-webkit-animation:sa2_zigzag_text_scale_remove 0.5s linear;}@keyframes sa2_zigzag_text_scale{from{opacity:0;transform:scale(3,3) rotate(90deg);}to{opacity:0.4;transform:scale(1,1) rotate(90deg);}}@-webkit-keyframes sa2_zigzag_text_scale{from{opacity:0;-webkit-transform:scale(3,3) rotate(90deg);}to{opacity:0.4;-webkit-transform:scale(1,1) rotate(90deg);}}@keyframes sa2_zigzag_text_scale_remove{from{opacity:0.4;transform:scale(1,1) rotate(90deg);}to{opacity:0;transform:scale(3,3) rotate(90deg)); } }
@-webkit-keyframes sa2_zigzag_text_scale_remove { from { opacity: 0.4; -webkit-transform: scale(1,1) rotate(90deg); } to { opacity: 0; -webkit-transform: scale(3,3) rotate(90deg); } }

#sa2_text_line1, #sa2_text_line2 { font-family: 'Vipnagorgialla-Regular'; color: rgb(255,255,255); position: absolute; top: 50%; left: 100%; font-size: 48pt; text-shadow: -3px -3px 0 black, 3px 3px 0 black, 3px -3px 0 black, -3px 3px 0 black, 4px 4px 0 black, 7px 7px 0 black, 7px 4px 0 black, 4px 7px 0 black; white-space: nowrap; }
#sa2_swirl_small { background: url('images/swirl.png') center center no-repeat; width: 321px; height: 315px; position: absolute; left: -640px; top: 50%; }
#sa2_swirl_big { background: url('images/swirl_silhouette.png') center center no-repeat; background-color: rgb(192,192,192); background-size: auto 100%; width: 481.5px; height: 472.5px; position: absolute; left: 35%; top: 50%; opacity: 0.25; transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; display: none; }
#sa2_swirl_big.sa2_animate { animation: sa2_swirl_big 0.75s linear; -webkit-animation: sa2_swirl_big 0.75s linear; }
@keyframes sa2_swirl_big { from { opacity: 0; transform: scale(4,4) rotate(210deg); } to { opacity: 0.25; transform: scale(1,1) rotate(360deg); } }
@-webkit-keyframes sa2_swirl_big { from { opacity: 0; -webkit-transform: scale(4,4) rotate(210deg); } to { opacity: 0.25; -webkit-transform: scale(1,1) rotate(360deg); } }

#sa2_mission_box { width: 34%; position: absolute; left: 33%; top: 75%; border: 6px solid rgb(255,255,255); border-radius: 8px; background: rgba(192,192,192,0.5); transform: scale(0,0); -webkit-transform: scale(0,0); }
#sa2_mission_box > div { padding: 12px; font-family: 'petitamediumregular'; font-size: 20pt; color: white; text-shadow: 3px 3px 1px black; letter-spacing: 2px; text-align: justify; }
#sa2_mission_box > div > span { font-family: 'Vipnagorgialla-Regular'; color: rgb(255,255,255); font-size: 14pt; text-shadow: -3px -3px 0 black, 0 -3px 0 black, 3px -3px 0 black, -3px 0 0 black, 3px 0 0 black, -3px 3px 0 black, 0 3px 0 black, 3px 3px 0 black; font-weight: normal; letter-spacing: 0; white-space: nowrap; display: block; margin-bottom: 2px; }
#sa2_mission_box.sa2_show { transform: scale(1,1); -webkit-transform: scale(1,1); }
#sa2_mission_box.sa2_show.sa2_animate { animation: sa2_mission_box 0.25s linear; -webkit-animation: sa2_mission_box 0.25s linear; }
@keyframes sa2_mission_box { from { transform: scale(0,0); } to { transform: scale(1,1); } }
@-webkit-keyframes sa2_mission_box { from { -webkit-transform: scale(0,0); } to { -webkit-transform: scale(1,1); } }