@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap);.btn,.btn_big,.btn_blue,.btn_blue_out,.btn_green,.btn_green_out,.btn_out,.btn_red,.btn_red_out,.btn_small,.btn_yellow,.btn_yellow_out{color:#fff;border:none;font-size:1em;cursor:pointer;-webkit-transition:.2s;transition:.2s;padding:10px 20px;font-weight:300;display:inline-block;text-transform:lowercase;font-family:Roboto,sans-serif;text-shadow:1px 1px rgba(0,0,0,.3);background-color:#888}.btn:hover,.btn_big:hover,.btn_blue:hover,.btn_blue_out:hover,.btn_green:hover,.btn_green_out:hover,.btn_out:hover,.btn_red:hover,.btn_red_out:hover,.btn_small:hover,.btn_yellow:hover,.btn_yellow_out:hover{color:#fff;text-decoration:none;background-color:#666}.btn_out{text-shadow:none;color:#888;background-color:transparent;border:1px solid #888}.btn_out:hover{text-shadow:none;color:#666;background-color:transparent;border:1px solid #666}.btn_small{padding:8px 14px;font-size:.875em}.btn_big{padding:11px 22px;font-size:1.275em}.btn_green{background-color:#46ceac}.btn_green:hover{background-color:#35ba9b}.btn_green_out{text-shadow:none;color:#46ceac;background-color:transparent;border:1px solid #46ceac}.btn_green_out:hover{text-shadow:none;color:#35ba9b;background-color:transparent;border:1px solid #35ba9b}.btn_blue{background-color:#4fc0e8}.btn_blue:hover{background-color:#3aadd9}.btn_blue_out{text-shadow:none;color:#4fc0e8;background-color:transparent;border:1px solid #4fc0e8}.btn_blue_out:hover{text-shadow:none;color:#3aadd9;background-color:transparent;border:1px solid #3aadd9}.btn_yellow{background-color:#fdcd56}.btn_yellow:hover{background-color:#f5b945}.btn_yellow_out{text-shadow:none;color:#fdcd56;background-color:transparent;border:1px solid #fdcd56}.btn_yellow_out:hover{text-shadow:none;color:#f5b945;background-color:transparent;border:1px solid #f5b945}.btn_red{background-color:#eb5463}.btn_red:hover{background-color:#d94452}.btn_red_out{text-shadow:none;color:#eb5463;background-color:transparent;border:1px solid #eb5463}.btn_red_out:hover{text-shadow:none;color:#d94452;background-color:transparent;border:1px solid #d94452}.nav{width:100%;margin-bottom:20px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);background-color:#31313a;font-family:Roboto,sans-serif}@media (min-width:0px) and (max-width:912px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;margin:0 10px;background-color:#31313a;width:calc(83.3333333333% - 20px)}}@media (min-width:0px) and (max-width:375px){.nav{padding:10px;margin:0 3px;background-color:#31313a;width:calc(83.3333333333% - 6px)}}.nav .toggle{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;cursor:pointer;padding:10px 3px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.9s ease-in-aut;transition:.9s ease-in-aut;text-transform:uppercase}.nav .toggle:hover{color:#ff9800}.nav .toggle:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at right,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.nav .toggle ion-icon{font-size:1.5rem;margin-bottom:10px}@media (min-width:0px) and (max-width:912px){.nav .toggle{margin:0 10px}}@media (min-width:0px) and (max-width:375px){.nav .toggle{margin:0 5px;text-align:center}}@media (min-width:0px) and (max-width:280px){.nav .toggle{font-size:9px}.nav .toggle ion-icon{font-size:1rem}}.nav #btn1{color:#ff9800}.content-profile{position:fixed;width:520px;height:550px;top:58px;left:150px;z-index:1;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:rgba(33,33,38,.6)}@media (min-width:0px) and (max-width:912px){.content-profile{position:none;top:93px;left:188px}}@media (min-width:768px) and (max-width:820px){.content-profile{left:132px}}@media (min-width:540px) and (max-width:768px){.content-profile{left:120px}}@media (min-width:0px) and (max-width:540px){.content-profile{left:0;height:70%;padding:10px;margin:0 0;background-color:transparent;width:calc(91.6666666667% - 0px)}}.content-profile .profile{top:0;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);margin-top:20px;margin-left:20px;position:relative;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-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;background-color:#31313a}.content-profile .profile .profile-bg{width:100%;height:50%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background-image:url(../img/josue-bg.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.content-profile .profile .profile-bg:before{content:"";left:-25%;bottom:-76%;width:100%;height:100%;z-index:1;position:absolute;-webkit-transform:rotate(12deg);transform:rotate(12deg);background-color:#31313a}.content-profile .profile .profile-bg:after{content:"";right:-30%;bottom:-74%;width:100%;height:100%;position:absolute;-webkit-transform:rotate(-12deg);transform:rotate(-12deg);background-color:#31313a}.content-profile .profile .profile-bg img{width:100%;height:100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.content-profile .profile .profile-photo{z-index:3;margin-top:15px;width:150px;height:150px;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px}.content-profile .profile .profile-photo img{width:100%;height:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:10px solid #31313a}.content-profile .profile .profile-name{margin-top:5px;text-transform:capitalize}.content-profile .profile .profile-name .name{color:#fff;font-size:2rem;font-weight:300}.content-profile .profile .profile-name .skills{font-size:1.2rem;text-align:center;color:#ff9800}.content-profile .profile .profile-social{margin-top:20px}.content-profile .profile .profile-social ion-icon{color:#fff;font-size:1.2rem;margin:0 5px}.content-profile .profile .profile-links{left:0;bottom:0;height:70px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-profile .profile .profile-links:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.content-profile .profile .profile-links a,.content-profile .profile .profile-links span{width:50%;color:#fff;cursor:pointer;text-align:center;font-size:1rem;text-transform:capitalize}.content-profile .profile .profile-links .may-cv:before{content:"";width:1px;height:100%;right:0;top:0;position:absolute;background:radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}section{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width:0px) and (max-width:912px){section{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;position:none;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;margin:0 0;background-color:transparent;width:calc(100% - 0px)}}@media (min-width:0px) and (max-width:540px){section{margin-top:-20px}}section .article{position:absolute;overflow-x:hidden;-webkit-transition:.9s ease-in-aut;transition:.9s ease-in-aut;-webkit-transform:translateX(114%);transform:translateX(114%);padding:10px;margin:30px 0;background-color:#31313a;width:calc(58.3333333333% - 0px);padding-left:66px;padding-bottom:50px}section .article::-webkit-scrollbar{width:15px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}section .article::-webkit-scrollbar-thumb{background:#212126;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}@media (min-width:0px) and (max-width:540px){section .article{height:100%}}section .article .title{height:70px;line-height:70px;position:relative}section .article .title:after{content:"";width:100%;height:1px;position:absolute;left:0;right:0;top:70px;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}section .article .title h2{color:#fff;font-size:1.6rem;position:relative;line-height:70px;font-weight:300;text-transform:capitalize}section .article .title h2:before{content:"";position:absolute;top:25px;left:-12px;width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-color:rgba(255,152,0,.3)}section .article .title h2:after{content:"";position:absolute;top:14px;left:-4px;width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background-color:rgba(255,255,255,.3)}section .article .title h2 .first-word{color:#ff9800}@media (min-width:0px) and (max-width:280px){section .article .title h2{font-size:1.2rem}}section .article .aviso{text-align:center;padding:10px 10px;font-size:18px;margin-top:20px}section .article .aviso p{color:#fff}section .article .aviso .site{color:#ff9800}section .article .about-text{margin-top:30px}section .article .about-text p{color:rgba(255,255,255,.55);line-height:1.5;font-size:1.2rem;font-weight:700}@media (min-width:0px) and (max-width:540px){section .article .about-text p{text-align:center}}section .article .list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;about-list:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}section .article .list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:7px;-ms-flex-wrap:wrap;flex-wrap:wrap;color:rgba(255,255,255,.55)}section .article .list li ion-icon{font-size:1.2rems;margin-right:10px;color:#fff}section .article .list li strong{font-weight:700;color:#fff;margin-right:7px;text-transform:capitalize}section .article .list li a{cursor:pointer;color:#ff9800}@media (min-width:0px) and (max-width:912px){section .article{top:-36px;z-index:10;height:550px;-webkit-transform:translateX(114%);transform:translateX(114%);padding:10px;margin:30px 0;background-color:#31313a;width:calc(66.6666666667% - 0px);padding-left:50px}}@media (min-width:540px) and (max-width:768px){section .article{padding:10px;margin:30px 0;background-color:#31313a;width:calc(74.1666666667% - 0px);padding-left:50px}}@media (min-width:0px) and (max-width:540px){section .article{padding:10px;margin:30px 0;background-color:#31313a;width:calc(100% - 0px);padding-left:15px}}section #content1{-webkit-transform:translateX(0);transform:translateX(0)}@media (min-width:0px) and (max-width:912px){section #content1{-webkit-transform:translateX(114%);transform:translateX(114%)}}.container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:0px) and (max-width:912px){.container{width:100%;-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:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@media (min-width:0px) and (max-width:375px){.container{-ms-flex-wrap:unset;flex-wrap:unset}}.container .header{display:block;z-index:10;padding:10px;margin:0 0;background-color:transparent;width:calc(8.3333333333% - 0px)}.container .header .logo{height:70px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);box-shadow:1px 1px 5px 1px rgba(197,202,213,.15);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#31313a;text-transform:uppercase}@media (min-width:0px) and (max-width:912px){.container .header .logo{padding:10px;margin:0 10px;background-color:#31313a;width:calc(16.6666666667% - 20px)}}@media (min-width:0px) and (max-width:375px){.container .header .logo{padding:10px;margin:0 3px;background-color:#31313a;width:calc(16.6666666667% - 6px);height:40px}}.container .header .logo a{color:#fff;font-size:30px;font-weight:300}@media (min-width:0px) and (max-width:375px){.container .header .logo a{font-size:15px}}@media (min-width:0px) and (max-width:912px){.container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin:0 0;background-color:transparent;width:calc(100% - 0px)}}.container .main{position:relative;height:550px;padding:10px;margin:0 0;background-color:transparent;width:calc(91.6666666667% - 0px)}@media (min-width:0px) and (max-width:912px){.container .main{position:none;overflow:hidden;padding:10px;margin:0 0;background-color:transparent;width:calc(100% - 0px)}}.about{height:500px;overflow-y:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.about .my-services{margin:20px 0}.about .my-services .services{margin-left:50px;list-style-type:circle}.about .my-services .services li{color:#fff;font-weight:700;margin-bottom:7px}.about .quote{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.about .quote p{line-height:1.5;text-align:center;font-size:1rem;font-weight:700;padding:0 30px;color:rgba(255,255,255,.55)}.about .quote img{margin-top:20px;width:150px;height:150px;border-radius:75px;-moz-border-radius:75px;-webkit-border-radius:75px}.about .quote .name{color:#fff;font-size:2rem;font-weight:300}.about .quote .skills{font-size:1.2rem;text-align:center;color:#ff9800}.work{height:500px;overflow-y:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding-left:100px}.work .work-title{height:70px;line-height:1.5}.work .work-title:after{content:"";width:100%;height:1px;position:absolute;left:0;right:0;top:80px;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.work .work-title h2{color:#fff;font-size:1.6rem;position:relative;line-height:70px;font-weight:300;text-transform:capitalize}.work .work-title h2 .first-word{color:#ff9800}@media (min-width:0px) and (max-width:280px){.work .work-title h2{font-size:1.2rem}}.work .ul-menu{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:20px;position:relative;height:50px}.work .ul-menu:after{content:"";position:absolute;left:0;right:0;top:50px;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}@media (min-width:0px) and (max-width:540px){.work .ul-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.work .ul-menu .list{color:#fff;font-size:16px;font-weight:300;line-height:50px;text-transform:capitalize;padding:0 10px;cursor:pointer}.work .ul-menu .list:hover{color:#ff9800}@media (min-width:0px) and (max-width:540px){.work .ul-menu .list{padding:10px;margin:0 0;background-color:transparent;width:calc(25% - 0px)}}.work .ul-menu .active{color:#ff9800}.work .worl-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.work .worl-content:after{content:"";position:absolute;left:54.5%;top:255px;width:1px;height:100%;background:radial-gradient(ellipse at top,rgba(244,245,247,.3) 0,rgba(255,255,255,0) 70%)}@media (min-width:0px) and (max-width:540px){.work .worl-content:after{width:0}}.work .worl-content .itemBox{padding:10px;margin:0 0;background-color:transparent;width:calc(50% - 0px)}.work .worl-content .itemBox figcaption p{margin-top:20px;padding:0 10px;font-weight:700;text-align:center;color:rgba(255,255,255,.3)}@media (min-width:0px) and (max-width:540px){.work .worl-content .itemBox{padding:10px;margin:10px 0;background-color:transparent;width:calc(100% - 0px)}}.work .worl-content .itemBox.hide{display:none}.resume{height:500px;overflow-y:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding-left:100px}.resume .ul-resume{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.resume .ul-resume .li-education,.resume .ul-resume .li-experience{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px;margin:0 5px;background-color:transparent;width:calc(50% - 10px)}.resume .ul-resume .li-education:after,.resume .ul-resume .li-experience:after{content:"";width:100%;height:1px;position:absolute;top:70px;left:0;right:0;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}@media (min-width:0px) and (max-width:540px){.resume .ul-resume .li-education,.resume .ul-resume .li-experience{padding:10px;margin:20px 0;background-color:transparent;width:calc(100% - 0px)}}.resume .ul-resume .li-education h3,.resume .ul-resume .li-experience h3{width:100%;height:50px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;font-weight:300;text-transform:uppercase}.resume .ul-resume .li-education h3 ion-icon,.resume .ul-resume .li-experience h3 ion-icon{color:#ff9800;font-size:1.5rem;margin-right:15px}.resume .ul-resume .li-education li,.resume .ul-resume .li-experience li{text-align:left;position:relative;padding:10px;margin:10px 0;background-color:transparent;width:calc(100% - 0px);margin-top:20px}.resume .ul-resume .li-education li:after,.resume .ul-resume .li-experience li:after{content:"";width:100%;height:1px;position:absolute;top:auto;left:0;right:0;background:radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)}.resume .ul-resume .li-education li span,.resume .ul-resume .li-experience li span{color:#fff;font-size:12px;font-weight:300;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #eee}.resume .ul-resume .li-education li h4,.resume .ul-resume .li-experience li h4{font-size:17px;font-weight:900;margin-top:20px;margin-bottom:10px;color:rgba(255,255,255,.85)}.resume .ul-resume .li-education li h5,.resume .ul-resume .li-experience li h5{color:#999;font-size:14px;font-weight:300;margin-bottom:15px}.resume .ul-resume .li-education li p,.resume .ul-resume .li-experience li p{color:rgba(255,255,255,.55);line-height:1.5;font-size:1rem;font-weight:700;margin-bottom:15px}.contact{height:500px;overflow-y:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}.contact form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contact form input,.contact form textarea{border:0;height:50px;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;-webkit-transition:.9s ease-in-aut;transition:.9s ease-in-aut;text-transform:capitalize;border-bottom:1px solid #eee;color:rgba(255,255,255,.85)}.contact form input:focus,.contact form textarea:focus{border-top:0;border-left:0;border-right:0;border-color:#ff9800}.contact form input{padding:10px;margin:10px 10px;background-color:transparent;width:calc(50% - 20px)}@media (min-width:0px) and (max-width:540px){.contact form input{padding:10px;margin:10px 0;background-color:transparent;width:calc(100% - 0px)}}.contact form textarea{text-align:left;height:100px;padding:10px;margin:10px 10px;background-color:transparent;width:calc(100% - 20px)}.contact form textarea:focus{border-top:0;border-left:0;border-right:0;border-color:#ff9800}.contact form button{display:-webkit-box;display:-ms-flexbox;display:flex;color:#ff9800;font-size:15px;margin-top:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:capitalize;background-color:transparent}.contact form button:hover{background-color:#ff9800}.contact form button ion-icon{margin-right:10px}footer{padding:20px;background-color:#000}footer p{text-align:center;color:#fff}