:root{--white:#fff;--black:#000;--darker:#1d1d1d;--dark:#333;--ccc:#ccc;--cyan:cyan;--ddd:#ddd;--tomato:tomato;--purple:purple;--teal:teal;--lightteal:#1a9cdc}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;scrollbar-color:var(--ccc) var(--darker)}::-moz-selection{background:0 0;color:var(--tomato);scrollbar-width:thin}::selection{background:0 0;color:var(--tomato)}body{margin:0;padding:0;background-color:var(--darker);font-family:'Open Sans Condensed',sans-serif;overflow-x:hidden;overscroll-behavior:none;overflow-y:scroll;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;max-width:1920px;margin:0 auto}canvas{background-color:var(--darker);position:fixed;top:0;bottom:0;right:0;left:0;overscroll-behavior:none;width:100%;max-width:100%;height:100%}ul{list-style:none}a{text-decoration:none}q{quotes:none}img{width:100%;max-width:100%;display:block;height:auto}.soon{display:block;font-size:14px;font-style:italic;line-height:20px;padding:10px 0}.wrapper{width:1000px;max-width:100%;position:relative;margin:0 auto}header{color:var(--white);text-align:center;font-family:inherit;min-height:100vh;display:flex;align-items:center}header .header_con{width:375px;max-width:100%;margin:0 auto;position:relative;z-index:1}header h1{color:var(--white);font-family:Calibri;font-size:5vh;font-weight:400;text-transform:uppercase}header small{color:var(--white);font-size:3vh;font-weight:100;letter-spacing:4px;height:5vh}header p{padding-top:40px;font-size:19px;font-style:italic;color:var(---ccc)}.header_con a{font-size:30px;position:absolute;top:200%;left:50%;transform:translateX(-50%);color:var(--white);border:1px solid var(--white);border-radius:50%;width:40px;height:40px;opacity:.4;-webkit-transition:all 1s linear;transition:all 1s linear}.header_con a:hover{opacity:.7}.header_con a span{transform:rotate(90deg);display:block;position:absolute;left:50%}.header_con a::before{position:absolute;content:'';width:1px;height:31vh;background:var(--white);display:block;top:40px;left:50%;transform:translateX(-50%);opacity:.4}.header_con a::after{content:'';position:absolute;top:calc(31vh + 40px);left:50%;transform:translateX(-50%);width:100px;height:3px;background:var(--white)}.header_con a.clicked{opacity:0}#animLine{border-left:2px solid var(--teal);-webkit-animation:blinkTextCursor .5s infinite;animation:blinkTextCursor .5s infinite}@-webkit-keyframes blinkTextCursor{from{border-left:2px solid var(--teal)}to{border-left:2px solid transparent}}@keyframes blinkTextCursor{from{border-left:2px solid var(--teal)}to{border-left:2px solid transparent}}nav{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}nav.active{overscroll-behavior:none;position:fixed;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;z-index:15;background:rgba(0,0,0,.55);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-ms-touch-action:pan-y;touch-action:pan-y}.nav_toggle{position:fixed;top:20px;left:20px;z-index:30;cursor:pointer}.nav_toggle span{width:35px;height:1px;background:var(--white);display:block;margin:5px 0;position:relative;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.6);box-shadow:0 2px 5px rgba(0,0,0,.6)}.nav_toggle.active{position:absolute}.nav_toggle.active span{background:var(--black);width:35px;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-box-shadow:none;box-shadow:none}.nav_toggle.active span:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:13px}.nav_toggle.active span:nth-child(2){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:3px}.nav_toggle.active span:nth-child(3){opacity:0}.nav_toggle.active span:nth-child(4){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-4px;width:30px}.nav_toggle.active span:nth-child(5){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-11px}.nav_toggle small{position:absolute;top:0;bottom:0;right:0;left:0}.nav_toggle small q:nth-child(1){position:absolute;left:-5px;top:-3px;width:2px;height:0;background:var(--white)}.nav_toggle small q:nth-child(2){position:absolute;left:-5px;bottom:-3px;width:0;height:2px;background:var(--white)}.nav_toggle small q:nth-child(3){position:absolute;right:-5px;bottom:-3px;width:2px;height:0;background:var(--white)}.nav_toggle small q:nth-child(4){position:absolute;right:-5px;top:-3px;width:0;height:2px;background:var(--white)}.nav_toggle small q.active:nth-child(1),.nav_toggle:hover small q:nth-child(1){-webkit-animation:.4s add_border1 1 both;animation:.4s add_border1 1 both}.nav_toggle small q.active:nth-child(2),.nav_toggle:hover small q:nth-child(2){-webkit-animation:.4s .3s add_border2 1 both;animation:.4s .3s add_border2 1 both}.nav_toggle small q.active:nth-child(3),.nav_toggle:hover small q:nth-child(3){-webkit-animation:.4s .6s add_border3 1 both;animation:.4s .6s add_border3 1 both}.nav_toggle small q.active:nth-child(4),.nav_toggle:hover small q:nth-child(4){-webkit-animation:.4s .9s add_border4 1 both;animation:.4s .9s add_border4 1 both}.nav_toggle.active small q{background:var(--dark)}@-webkit-keyframes add_border1{0%{height:0}100%{height:40px}}@keyframes add_border1{0%{height:0}100%{height:40px}}@-webkit-keyframes add_border2{0%{width:0}100%{width:44px}}@keyframes add_border2{0%{width:0}100%{width:44px}}@-webkit-keyframes add_border3{0%{height:0}100%{height:40px}}@keyframes add_border3{0%{height:0}100%{height:40px}}@-webkit-keyframes add_border4{0%{width:0}100%{width:44px}}@keyframes add_border4{0%{width:0}100%{width:44px}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@-webkit-keyframes blink2{0%{opacity:.6}50%{opacity:.2}100%{opacity:.6}}@keyframes blink2{0%{opacity:.6}50%{opacity:.2}100%{opacity:.6}}@keyframes blink3{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes sidebar_nav_hover{0%{width:0}100%{width:100%}}@keyframes sidebar_nav_hover{0%{width:0}100%{width:100%}}.nav_con{overscroll-behavior:none;position:fixed;width:400px;height:100vh;top:0;bottom:0;right:0;left:-350px;z-index:20;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}.nav_con.active{overscroll-behavior:none;overflow-y:auto;width:350px;left:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-y;touch-action:pan-y}.nav_con:hover{cursor:grab}.nav_main{overscroll-behavior:none;-ms-touch-action:pan-y;touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch;width:350px;background:-webkit-gradient(linear,left bottom,left top,from(var(--lightteal)),color-stop(60%,var(--teal)));background:-o-linear-gradient(bottom,var(--lightteal),var(--teal) 60%);background:linear-gradient(to top,var(--lightteal),var(--teal) 60%);position:fixed;height:100vh;top:0;bottom:0;z-index:99999}.nav_con h2{color:var(--white);font-weight:100;font-size:30px;font-family:Merienda,cursive;padding:30px;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:20px}.nav_con h2 span{display:block;font-size:23px;font-family:'Open Sans Condensed',sans-serif;letter-spacing:4px}.nav_list{padding:0 30px}.nav_list li{position:relative}.nav_list li a{color:var(--white);line-height:40px;font-size:20px;display:block;width:100%}.nav_list li a:hover,.nav_list li.active a{color:var(--cyan);letter-spacing:1px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.nav_list li.active small,.nav_list li:hover small{-webkit-animation:1s sidebar_nav_hover 1 forwards;animation:1s sidebar_nav_hover 1 forwards}.nav_list li.active i,.nav_list li:hover i{color:var(--cyan);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.nav_list small{display:block;position:relative;left:0;top:0;width:0;height:1px;background:var(--cyan)}.nav_list i{position:absolute;right:0;top:9px;font-size:25px;color:var(--ddd);z-index:-1}.swipe_me{position:fixed;top:50%;left:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;color:var(--white);opacity:.6;font-size:50px;-webkit-animation:2s blink2 infinite;animation:2s blink2 infinite;text-shadow:1px 2px 5px rgba(0,0,0,.55)}.swipe_me.hide{display:none;-webkit-animation:none;animation:none}.playmusic{position:fixed;z-index:2;display:block;top:24px;left:67px;border:0;background:0 0;box-sizing:border-box;width:0;height:15px;border-color:transparent transparent transparent var(--white);transition:.1s all ease;cursor:pointer;border-style:solid;border-width:14px 0 14px 18px}.playmusic.paused{border-style:double;border-width:0 0 0 15px;height:27px;animation:3s playmusic infinite linear}.playmusic:hover{border-color:transparent transparent transparent var(--cyan)}.playmusic.active{left:unset;right:20px}.playmusic_gif{cursor:pointer;display:none;position:fixed;z-index:99;bottom:0;right:40px;width:100px}@keyframes playmusic{0%{border-color:transparent transparent transparent var(--cyan)}50%{border-color:transparent transparent transparent var(--teal)}100%{border-color:transparent transparent transparent var(--lightteal)}}.contact_info{padding:60px 30px 0;text-align:center}.contact_info a{color:var(--white);font-size:17px;letter-spacing:1px}.contact_info a:hover{color:var(--cyan);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.social_media{padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.social_media li{margin:0 10px}.social_media a{color:var(--white);font-size:25px}.social_media a:hover{color:var(--cyan);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}main{color:var(--white);font-size:22px;line-height:35px}.main_con{padding:20px 35px;text-align:center;position:relative;z-index:1;max-width:100%;margin:80px auto}.main_con h3{letter-spacing:2px;font-weight:100;width:450px;max-width:100%;text-align:left;padding:0 5px 10px}.main_con h3 span{display:block;font-size:14px;font-style:italic;line-height:20px;padding:10px 0}.main_con p{letter-spacing:2px;font-size:17px;padding:0 5px 15px;margin-bottom:15px;text-align:justify}.apps_ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-wrap:wrap}.apps_ul li{color:#aaa;position:relative;margin:0 4px 10px;width:24%;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul li:nth-child(n+5){display:none}.apps_ul li img{width:100%;height:auto;display:block;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul li a.apps_button{font-size:18px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#f9f9f9;background:linear-gradient(to top,var(--teal),var(--lightteal));width:102%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.apps_ul li a.apps_button::before{content:'';background:var(--teal);display:block;height:100%;position:absolute;top:0;left:0;right:0;opacity:0;width:100%;z-index:-100;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul a{display:block}.apps_ul .apps_desc{opacity:0;position:absolute;top:0;left:0;right:0;bottom:32px;color:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,var(--teal),hsla(189,75%,42%,.7));flex-direction:column;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_desc p{margin:0;padding:10px 15px 0;letter-spacing:0;text-align:center;line-height:25px;font-size:15px}.apps_link{display:flex;justify-content:center;align-items:center}.apps_link a{transform:scale(.6);opacity:1;margin:0 -5px}.apps_link a:first-child{content:url(../images/skills/git.png)}.apps_link a:last-child{content:url(../images/go.png)}.apps_ul:hover li{opacity:.7}.apps_ul li:hover{opacity:1;z-index:1;color:var(--white);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.apps_ul li:hover .apps_desc{opacity:1;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul li:hover a.apps_button{letter-spacing:1px;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_ul li:hover a.apps_button::before{opacity:1;-webkit-transition:all .3s linear;transition:all .3s linear}.apps_link a:hover{opacity:.7;filter:invert(100);-webkit-transition:all .3s linear;transition:all .3s linear}.viewbtns{position:absolute;top:57%;right:0}.viewless,.viewmore{display:block;font-size:40px;cursor:pointer;line-height:110%;font-family:Calibri}.viewless:hover,.viewmore:hover{color:var(--cyan);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.viewless{display:none}#bottom{position:relative;z-index:1;color:var(--white);font-size:22px;line-height:35px}.wrapper.bottom_con{padding:80px 35px}.aboutme_div{padding:0;margin-top:15%}.aboutme_div h3{letter-spacing:2px;font-weight:100;padding:0 0 10px}.aboutme_div p{letter-spacing:2px;font-size:17px;margin-bottom:15px;text-align:justify}.aboutme_div p a{color:var(--white);font-style:italic;font-weight:700}.aboutme_div p a:hover,.aboutme_div p strong:hover{text-decoration:underline}.aboutme_div p strong{cursor:pointer}.aboutme_imgs{display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--white);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 30px;width:100%;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.aboutme_div li{position:relative;-webkit-transition:all .3s linear;transition:all .3s linear}.aboutme_imgs:hover li{opacity:.8;-webkit-filter:grayscale(60);filter:grayscale(60);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.aboutme_imgs li:hover{opacity:1;-webkit-filter:none;filter:none;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.aboutme_imgs li:hover>span{opacity:1;-webkit-transition:all .3s linear;transition:all .3s linear}.aboutme_imgs li span{opacity:0;position:absolute;top:0;left:0;right:0;left:0;text-transform:uppercase;font-size:65px;width:100%;height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s linear;transition:all .3s linear}.aboutme_imgs li span q{display:block;font-family:'Lobster Two',cursive;font-size:50px;text-transform:none;margin-top:-25px;line-height:110%}.wrapper.btm_achievements{padding:100px 30px 150px;color:var(--white)}.btm_achievements h3{letter-spacing:2px;font-weight:100;padding:10px 5px}.btm_achievements p{letter-spacing:2px;font-size:17px;padding:0 5px;text-align:justify;margin-bottom:15px}.ach_imgs{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-wrap:wrap}.ach_imgs:hover li{opacity:.7}.ach_imgs li{color:#aaa;cursor:pointer;position:relative;margin:0 4px 10px;width:24%;overflow:hidden}.ach_imgs li:hover{opacity:1;z-index:1;color:var(--white);-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow:0 2px 12px rgba(255,255,255,.7);box-shadow:0 2px 12px rgba(255,255,255,.7)}.ach_imgs li:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s linear;transition:all .3s linear}.ach_imgs li img{width:100%;height:auto;display:block;-webkit-transition:all .3s linear;transition:all .3s linear}.skills{background:rgba(0,0,0,.3);color:var(--white)}.skills_con{padding:80px 30px}.skills_con h3{letter-spacing:2px;font-weight:100;padding:10px 5px}.skills_con p{letter-spacing:2px;font-size:17px;padding:0 5px;text-align:justify;margin-bottom:15px}.bar{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:200px;position:relative;width:11%}.graph{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.bar progress{transform:rotate(-90deg);width:100px;border-radius:0;border:none;background:#aaa}.bar progress:hover{background:#fff}.bar label{position:absolute;bottom:0}.skills_list{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.skills_list li{position:relative;text-align:center}.skills_list li::before{display:block;position:relative;margin-bottom:15px;opacity:.8}.skills_list li:nth-child(1)::before{content:url(../images/skills/html.png)}.skills_list li:nth-child(2)::before{content:url(../images/skills/css.png)}.skills_list li:nth-child(3)::before{content:url(../images/skills/js.png)}.skills_list li:nth-child(4)::before{content:url(../images/skills/react.png)}.skills_list li:nth-child(5)::before{content:url(../images/skills/redux.png)}.skills_list li:nth-child(6)::before{content:url(../images/skills/jquery.png)}.skills_list li:nth-child(7)::before{content:url(../images/skills/php.png)}.skills_list li:nth-child(8)::before{content:url(../images/skills/wp.png)}.skills_list li:nth-child(9)::before{content:url(../images/skills/mysql.png)}.skills_list li:nth-child(10)::before{content:url(../images/skills/git.png)}.skills_list li span{position:relative;display:block}.skills_list li:hover::before{opacity:1}.skills_list li:hover span{color:var(--lightteal)}footer{color:var(--ddd);text-align:center;letter-spacing:3px;font-size:14px}.footer_con{position:relative;z-index:1;padding:40px 20px;border-top:1px dotted var(--ccc)}.back_to_top{display:none;position:fixed;bottom:30px;right:10px;width:40px;height:40px;z-index:1;font-size:50px;line-height:27px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);cursor:pointer;color:var(--white);border-radius:50%;background:-webkit-gradient(linear,left top,left bottom,from(var(--teal)),to(#1a9cbc));background:-o-linear-gradient(var(--teal),#1a9cbc);background:linear-gradient(var(--teal),#1a9cbc);padding-left:5px;opacity:.7}.back_to_top:hover{opacity:1;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.back_to_top.active{bottom:85px}.show_portfolio,.show_portfolio2{display:none;background:rgba(0,0,0,.4);width:100%;height:100%;position:fixed;top:0;right:0;z-index:999;overflow:auto}.modal_con{width:710px;height:auto;padding-bottom:50px;max-width:95%;background:var(--white);position:absolute;top:10%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:0 15px}.modal_close,.modal_close2{width:35px;height:35px;border:2px solid var(--white);border-radius:0 15px;cursor:pointer;position:absolute;top:0;right:0;text-align:center;padding:00;background:-webkit-gradient(linear,left top,right top,from(var(--lightteal)),to(var(--teal)));background:-o-linear-gradient(left,var(--lightteal),var(--teal));background:linear-gradient(to right,var(--lightteal),var(--teal));color:var(--white);font-size:20px}.modal_close2:hover,.modal_close:hover{background:-webkit-gradient(linear,left top,right top,from(var(--tomato)),to(var(--purple)));background:-o-linear-gradient(left,var(--tomato),var(--purple));background:linear-gradient(to right,var(--tomato),var(--purple))}#modal_iframe,#modal_img{width:100%;border:0;height:600px;border-radius:0 15px;position:absolute;z-index:-1;background:var(--white);-webkit-box-shadow:0 10px 55px rgba(6,115,115,.6);box-shadow:0 10px 55px rgba(6,115,115,.6)}#modal_iframe{border-radius:0 0 0 15px}.modal_link{display:block;text-align:center;background:#fdfdfd;border-radius:0 15px 0 0}.modal_link a{line-height:35px}.modal_link a:hover{text-decoration:underline}.loader_div{position:fixed;top:0;bottom:0;right:0;left:0;z-index:999;background:var(--dark);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.loader_con{width:200px;height:200px;display:inline-block;overflow:hidden;background:var(--dark)}.loader_box{width:100%;height:100%;position:relative;-webkit-transform:translateZ(0) scale(2);transform:translateZ(0) scale(2);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.loader_box div{position:absolute;width:14px;height:14px;background:#16b39c;-webkit-animation:loader_box 1s linear infinite;animation:loader_box 1s linear infinite;-webkit-box-sizing:content-box;box-sizing:content-box}@-webkit-keyframes loader_box{0%{background:var(--white)}12.5%{background:var(--white)}12.625%{background:#16b39c}100%{background:#16b39c}}@keyframes loader_box{0%{background:var(--white)}12.5%{background:var(--white)}12.625%{background:#16b39c}100%{background:#16b39c}}.mode_msg{background:linear-gradient(to top,var(--lightteal),var(--teal) 100%);position:fixed;bottom:0;right:0;width:350px;z-index:1;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.mode_msg small{position:absolute;color:var(--white);top:15px;font-size:35px;line-height:40px;padding:0 8px 5px 8px;right:5px;cursor:pointer;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;text-shadow:0 0 3px rgba(0,0,0,.5)}.mode_msg p{background:var(--teal);color:var(--white);padding:20px 60px 20px 20px;width:100%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;text-align:left}.mode_msg div{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.mode_swipe{display:block;width:100%;position:absolute;height:130px;top:-40px}.mode_msg.hidden p{opacity:0}.mode_msg.hidden small{top:-55px}.mode_msg.hidden div{margin-bottom:-600px;opacity:1}.form_con{padding:0 10px 20px}.form_con form *{font-family:inherit;font-size:18px;display:block;width:100%;padding:15px;border:0;margin:5px 0}.form_con form textarea{resize:none}.form_con form button{text-transform:uppercase;background:linear-gradient(to right,#333,#1f1f1f);color:#fff;cursor:pointer;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}.form_con form button:hover{background:linear-gradient(to right,var(--tomato),var(--purple));letter-spacing:1px}#formerror{display:none;font:inherit;letter-spacing:3px;color:#0ff;padding:0 60px 20px 20px}@keyframes formerror{0%{letter-spacing:3px}50%{letter-spacing:2px}100%{letter-spacing:3px}}