:root{--btn-color:#24284e;--btn-color-hover:#db8809;--bg-section:#f0f2f4;--header-height:100px}@font-face{font-family:'Space Mono';src:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../fonts/SpaceMono/SpaceMono-Regular.woff2)}@font-face{font-family:'Space Mono Bold';src:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../fonts/SpaceMono/SpaceMono-Bold.woff2)}@font-face{font-family:'Poppins';src:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../fonts/Poppins/Poppins-Regular.woff2)}@font-face{font-family:'Barlow';src:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../fonts/Barlow/Barlow-Regular.woff2)}html{scroll-padding-top:6rem}body{font-family:"Poppins";font-size:16px;margin:0;padding:0;border:0;height:100% !important;width:100%}h1{margin:0;padding:0}h2{font-family:"Poppins";font-weight:700;font-size:2.5rem;color:var(--btn-color)}.page-container{max-width:1200px;margin:auto}.page{max-width:1150px !important;margin:auto !important}.btn-action,.js-load-photos{color:#fff;width:150px;background-color:var(--btn-color);text-decoration:none;border:2px solid;border-color:var(--btn-color);cursor:pointer;padding:12px;font-size:18px;border-radius:30px;transition:all .5s;-webkit-transition:all .5s;display:flex;justify-content:center;margin:auto}.btn-action:active,.js-load-photos:active{transform:translate(0,5px);-webkit-transform:translate(0,5px);border-bottom:1px solid}.btn-action:hover,.js-load-photos:hover{color:#fff;background-color:var(--btn-color-hover)}footer{width:1200px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}footer ul{list-style-type:none;padding:0;display:flex;flex-direction:row;gap:40px;margin-top:-20px}footer a{color:#000;text-decoration:none;position:relative;font-size:16px;transition:.4s}footer a:hover{color:#db8809}footer a:before{content:"";position:absolute;width:0;height:2px;background-color:#f9b12b;bottom:-3px;left:0;transition:width .5s}footer a:hover:before{width:100%}.line-top-footer{border-top:1px solid #000;width:100%;position:relative}header{width:100%;position:fixed;z-index:10;background-color:#fff;height:var(--header-height)}header ul{display:flex;flex-direction:row;list-style-type:none;padding:0;margin:0}header li{padding-left:20px;text-decoration:none}header li a{text-decoration:none;color:#000;font-size:16px}.logo img{height:90px}.hero-header{position:relative;text-align:center;color:#fff;z-index:-1;padding-top:100px}.hero-header img{width:100%;height:962px;object-fit:cover}.hero-header h1{width:100%;font-family:"Barlow";color:#000;font-size:3.5rem;line-height:1em;margin-top:50px;margin-bottom:25px}.hero-header h1 span{display:block;color:#f9b12b}.hero-header h2{font-size:1.3rem;color:var(--btn-color);position:absolute;top:3%}@keyframes banner-video{0%{opacity:0;transform:translateY(-200px)}100%{opacity:1;transform:translateY(0)}}.video-hero-header video{animation-name:banner-video;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards;width:100%;min-height:400px;max-height:700px;object-fit:cover}@keyframes title-load{0%{opacity:0;transform:translateY(200px)}100%{opacity:1;transform:translateY(0px)}}.titre-parallaxe{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:absolute;top:20%;width:100%;background:linear-gradient(90deg,transparent 0%,#fffffff2 20%,#fffffff2 80%,transparent 100%);animation-name:title-load;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.profil-container{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-section);margin-bottom:0}.profil-container h2{margin-bottom:0}.profil-container p{text-align:left;text-align:justify;width:45%;padding:20px}.surlignage{background-color:#f9b12b}.profil-blocs{display:flex;flex-direction:row;justify-content:space-around;gap:30px;width:70%;margin-bottom:-25px}.profil-blocs img{width:500px;height:auto;object-fit:contain;object-position:bottom}.profil-mes-services{display:flex;flex-direction:row;justify-content:space-around;max-width:1200px;margin:auto}.profil-mes-services video{max-width:150px;background:0 0}.service{display:flex;flex-direction:column;align-items:center;max-width:325px;padding:30px}.service h2{font-family:"Poppins";text-align:center;font-size:1.4rem;margin-bottom:40px}.service p{text-align:left;text-align:justify;margin-top:-10px}.profil-gestion-projet{display:flex;flex-direction:column;align-items:center}.profil-gestion-projet h2{text-align:center}.roue-projet-container{position:relative;width:100%;max-width:600px;height:600px}.roue-projet-container p{position:absolute;text-align:center;top:46%;left:50%;transform:translate(-50%,-50%);opacity:0}.roue-projet-container p.is-visible{animation:1s ease-in-out 4s 1 forwards animprojetp}.hex{position:absolute;height:200px;aspect-ratio:1/cos(30deg);clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);background:#3b8686;object-fit:cover}.hex1{top:17%;left:50%;transform:translate(-50%,-50%);opacity:0}.hex1.is-visible{animation:1s ease-in-out 1s 1 forwards animhex}.hex2{top:33.5%;left:79%;transform:translate(-50%,-50%);opacity:0}.hex2.is-visible{animation:1s ease-in-out 1.5s 1 forwards animhex}.hex3{top:66.7%;left:79%;transform:translate(-50%,-50%);opacity:0}.hex3.is-visible{animation:1s ease-in-out 2s 1 forwards animhex}.hex4{top:83%;left:50%;transform:translate(-50%,-50%);opacity:0}.hex4.is-visible{animation:1s ease-in-out 2.5s 1 forwards animhex}.hex5{top:66.8%;left:20.8%;transform:translate(-50%,-50%);opacity:0}.hex5.is-visible{animation:1s ease-in-out 3s 1 forwards animhex}.hex6{top:33.5%;left:20.9%;transform:translate(-50%,-50%);opacity:0}.hex6.is-visible.is-visible{animation:1s ease-in-out 3.5s 1 forwards animhex}@keyframes animhex{0%{opacity:0;transform-origin:80%;transform:scale(-1)}100%{opacity:1}}@keyframes animprojetp{0%{opacity:0}60%{scale:1.1}100%{opacity:1}}#competences{background-color:var(--bg-section)}#competences h2{text-align:center;padding-top:30px}.competences-container{display:flex;flex-direction:row;justify-content:space-around;max-width:1200px;margin:auto;padding:20px;padding-bottom:60px}.competences-progressbar{width:50%}.competences-section{display:flex;flex-direction:column;width:90%}.competences-section h3{margin-bottom:0}.competences-section p{margin-top:0;margin-bottom:0}progress{width:80%;height:30px;padding:2px;background-color:#fff;border:1px solid #000;text-align:center}.progress-container{width:100%;background-color:#ddd;border-radius:4px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);margin-bottom:20px}.progress-container__bar{width:0;height:10px;background-color:var(--btn-color);border-radius:4px;text-align:center;line-height:30px;color:#fff;transition:width 2s ease;position:relative;overflow:hidden}#html-bar.is-visible{width:93% !important}#css-bar.is-visible{width:90% !important}#javascript-bar.is-visible{width:80% !important}#responsive-bar.is-visible{width:95% !important}#seo-bar.is-visible{width:90% !important}#php-bar.is-visible{width:90% !important}#sql-bar.is-visible{width:85% !important}#ajax-bar.is-visible{width:80% !important}#wordpress-bar.is-visible{width:95% !important}#agile-bar.is-visible{width:90% !important}#git-bar.is-visible{width:95% !important}#notion-bar.is-visible{width:90% !important}#portfolio{padding-top:10px;max-width:1200px;margin:auto}#portfolio h2{margin-bottom:40px;text-align:center}.filters-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.menu-deroulant{width:260px}.menu-deroulant button{width:260px;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid;border-radius:10px;height:43px;padding:20px}li{list-style:none !important;color:#000;padding:10px;font-size:20px;text-decoration:none;transition:all .2s}.menu-deroulant ul{padding:0;margin:0}.menu-deroulant ul li{line-height:40px;font-size:14px;font-family:"Poppins"}.menu-deroulant ul a{text-decoration:none}.menu-deroulant li:hover{background-color:var(--btn-color);color:#fff;transition:all .5s}.menu-deroulant ul{display:none}.menu-deroulant .visible{display:block}.menu-deroulant .hide{display:none}.flechehaut{transform:rotate(180deg);cursor:pointer}.flechebas{cursor:pointer}#menu-d-1:hover,#menu-d-2:hover,#menu-d-3:hover{border-color:var(--btn-color)}.filtreactif{border-color:var(--btn-color)}.filtreinactif{border-color:var(--gris-fonce-color)}#contact{margin:auto;margin-top:60px;background-color:var(--bg-section)}.text-contact{padding-top:10px;padding-bottom:20px;text-align:center}.contact-conteneur{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:700px;padding-bottom:80px;padding-top:30px}.contact-formulaire{display:flex;flex-direction:column;width:60%;margin-left:80px;margin-right:-150px}.wpcf7-not-valid-tip{margin-bottom:-20px}.cf7sr-recaptcha>.wpcf7-not-valid-tip{margin-bottom:0}.wpcf7-form{display:flex;flex-direction:column;align-items:center}.wpcf7-form label{margin-top:10px;margin-bottom:20px;text-align:left}.wpcf7-form-control-wrap{display:flex;flex-direction:column;margin-top:5px}.wpcf7-form-control-wrap input{width:350px;height:40px;border:solid 1px #d3d3d3;border-radius:10px;padding:0 5px;font-family:"Poppins";font-size:16px;color:#000}.wpcf7-form-control-wrap textarea{width:350px;height:210px;border:solid 1px #d3d3d3;border-radius:10px;padding:5px;font-family:"Poppins";font-size:16px;color:#000}.wpcf7-submit{margin-top:20px;height:50px;width:255px}.wpcf7-response-output{margin-top:-20px !important}.contact-mesinfos{display:flex;flex-direction:column;align-items:flex-start;height:100%;width:40%;gap:40px}.contact-mesinfos p{width:100%}.contact-logo{display:flex;flex-direction:row;align-items:center;gap:10px}.contact-logo img{width:40px}.brighten img{filter:brightness(100%);-webkit-filter:brightness(100%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}.brighten img:hover{filter:brightness(150%);-webkit-filter:brightness(150%)}.grow img{transition:1s ease}.grow img:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transition:1s ease}.post-single{display:flex;flex-direction:row;justify-content:space-between}.post-photo{float:right;max-width:50%}.post-photo img{width:100%;height:350px;object-fit:contain;object-position:center}.txt-site{position:absolute;color:#fff;font-size:20px;top:40%;left:40%}.post-info{display:flex;flex-direction:column;justify-content:flex-end;width:50%;height:350px;text-transform:uppercase}.post-info a{color:#000;text-decoration:none;position:relative;font-size:16px;transition:.4s}.post-info a:hover{color:#db8809}.post-info a:before{content:"";position:absolute;width:0;height:2px;background-color:#f9b12b;bottom:-3px;left:0;transition:width .5s}.post-info a:hover:before{width:100%}.h1-singlepage{font-family:"Poppins";font-size:40px;color:var(--btn-color);text-decoration:underline;text-decoration-color:var(--btn-color-hover);text-underline-offset:15px;text-decoration-thickness:4px;margin-bottom:10px;padding-top:130px}.bloc-dessous{display:flex;flex-direction:row;justify-content:flex-end;height:118px}.projet-description{margin-top:-60px;margin-bottom:50px}.lien-contact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:50%}.lien-contact p{font-size:18px}.lien-navigation{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-evenly;position:relative;width:50%}.lien-navigation img{width:81px;height:71px;position:absolute;object-fit:cover;object-position:center;right:0;top:10px}#img-2{opacity:1}#img-1,#img-3{opacity:0}.flecheGauche{position:absolute;bottom:30px;right:55px}.flecheDroite{position:absolute;bottom:30px;right:0}.fleche img{width:25px;height:8px;object-fit:cover}.projet-slider{margin-top:50px;margin-bottom:50px}.projet-slider h2{margin-bottom:50px}swiper-container{width:100%;margin:auto;margin-top:30px}swiper-slide{background-position:center;background-size:cover;width:400px;text-align:center}swiper-slide img{width:100%;height:300px;object-fit:contain}swiper-slide figcaption{background-color:#00000091;color:#fff;padding:3px;text-align:center}swiper-slide a{text-decoration:none}.photos-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;grid-auto-rows:minmax(100px,auto);margin-top:40px;margin-bottom:40px;justify-items:center}.photo-card{width:100%;height:495px;object-fit:cover;background:#000;display:inline-block}.icone-oeil{width:46px;height:32px}.icone-fullscreen{width:34px;height:34px}.overlay-image{position:relative;width:100%;border-radius:10px;background-color:#f5f7f9}.overlay-image .photo-card{display:block;width:100%;height:300px;object-fit:contain;margin:auto;background-color:transparent;margin-top:15px;margin-bottom:-10px}.hover .icone-oeil{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hover .icone-fullscreen{position:absolute;top:2%;right:2%}.hover .txt-ref{position:absolute;top:0;left:4%;font-family:"Poppins";font-size:14px;color:#fff;text-transform:uppercase}.hover .txt-categ{position:absolute;top:5%;left:4%;font-family:"Poppins";font-size:14px;color:#fff;text-transform:uppercase}.projet-info{padding:0 25px}.projet-info p{margin-top:-10px}.overlay-image .hover{position:absolute;top:0;height:100%;width:100%;border-radius:10px;opacity:0;transition:.5s ease}.overlay-image:hover .hover{opacity:1}.overlay-image{transition:1s ease}.overlay-image .hover{background-color:rgba(0,0,0,.5)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10;overflow:auto;animation:lightboxin .5s;transition:opacity .3s}.lightbox.fadeOut{opacity:0}.lightbox__loader{width:38px;height:38px;opacity:.5s;background:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../images/loader.svg) center center no-repeat}.lightbox__container{margin-left:220px;margin-right:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;width:60%;margin:auto}.lightbox__container img{max-width:100%;height:auto;max-height:80vh;animation:lightboxin .5s}.lightbox__next{border:none;color:#fff;background-image:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../images/lightbox-next.png);background-repeat:no-repeat;background-size:contain;background-color:transparent;width:25px;height:17px;position:fixed;top:50%;right:10%;margin-top:-9px;z-index:11;cursor:pointer;display:flex;justify-content:flex-end;align-items:center}.lightbox__next span{margin-right:30px;font-family:"Space Mono";font-size:12px}.lightbox__prev{border:none;color:#fff;background-image:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../images/lightbox-prev.png);background-repeat:no-repeat;background-size:contain;background-color:transparent;width:25px;height:17px;position:fixed;top:50%;left:10%;margin-top:-9px;z-index:11;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.lightbox__prev span{margin-left:30px;font-family:"Space Mono";font-size:12px}.lightbox__close{border:none;background-image:url(//jeremieberton.fr/wp-content/themes/portfolio/assets/css/../images/fermer-lightbox.png);background-color:transparent;background-size:cover;width:22px;height:22px;position:fixed;text-indent:-3000px;cursor:pointer;top:50px;right:10%;z-index:12}.lightbox__infos{display:flex;flex-direction:row;justify-content:space-between;width:400px}.lightbox__ref{z-index:12;color:#fff;font-family:'Poppins';font-size:14px;text-transform:uppercase}.lightbox__categ{z-index:12;color:#fff;font-family:'Poppins';font-size:14px;text-transform:uppercase}@keyframes lightboxin{from{opacity:0}to{opacity:1}}nav{position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:100px;border-bottom:2px solid var(--bg-section);box-shadow:rgba(0,0,0,.16) 0px 3px 6px}.navbar-nav{list-style:none}.navbar-nav li{display:inline-block;padding:0 20px}.navbar-nav a{text-decoration:none;position:relative;font-size:20px;transition:.4s}.navbar-nav a:hover{color:#db8809}.navbar-nav a:before{content:"";position:absolute;width:0;height:4px;background-color:#f9b12b;bottom:-5px;left:0;transition:width .5s}.navbar-nav a:hover:before{width:100%}.logo a{display:flex;align-items:center;color:#000;text-decoration:none;font-size:20px;gap:10px}.burger{display:none}.line{height:3px;background-color:#000;display:block;margin:auto;margin-block:2px;width:20px}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.menu-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9}.fixed-position{overflow:hidden;height:100%}@media screen and (max-width:768px){nav{justify-content:space-around}.navbar-nav{position:absolute;right:0;height:100vh;top:100px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;width:100%;transform:translateX(-770px);transition:transform .5s ease-in-out;padding-top:30px}.navbar-nav li{opacity:0}.navbar-nav li a{color:#000;font-size:44px}.burger{display:block;cursor:pointer}.burger div{width:25px;height:3px;margin:5px;transition:all .3s ease}.nav-active{transform:translateX(0)}@keyframes navLinkFade{from{opacity:0}to{opacity:1}}.navbar-nav li{animation:navLinkFade .5s ease forwards .5s}.line-top-footer{border-top:0}}@media screen and (max-width:1200px){header{width:100%}#navbar{justify-content:space-around}.page-container{width:90%}footer{width:100%}}@media screen and (max-width:768px){footer ul{flex-direction:column;align-items:center;gap:0px}footer a{font-size:16px}footer{flex-direction:column;gap:0px;text-align:center;font-size:16px}}@media screen and (max-width:768px){h2{font-size:2rem}}@media screen and (max-width:1400px){.profil-blocs{width:100%}}@media screen and (max-width:1200px){.contact-conteneur{flex-direction:column;height:auto}.contact-formulaire{margin-left:0;margin-right:0}.contact-mesinfos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:90%;justify-items:center;margin-top:30px}}@media screen and (max-width:1200px){.profil-blocs{flex-direction:column-reverse;align-items:center}}@media screen and (max-width:768px){.filters-container{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-header img{width:100%;height:253px;object-fit:cover}.hero-header h1{font-size:2.5rem;padding:20px}.hero-header h2{font-size:1rem}.titre-parallaxe{padding-bottom:5px;top:30%;background:none #fffffff2}.profil-mes-services{flex-direction:column;align-items:center}.profil-container p{width:93%;margin-bottom:0}.profil-blocs img{width:70%;margin-left:10px;margin-top:20px;margin-bottom:-40px}.competences-container{flex-direction:column}.competences-progressbar{width:100%}.competences-section{width:100%}.competences-cv{width:100%}.overlay-image{width:90%}.roue-projet-container{overflow:hidden;height:450px}.hex{height:130px}.hex2{top:32%}.hex3{top:62%}.hex4{top:77%}.hex5{top:62%}.hex6{top:32%}.roue-projet-container p{top:44%}.overlay-image .photo-card{margin-top:-20px;margin-bottom:-50px}}@media screen and (max-width:400px){.hero-header h1{margin-bottom:0;padding-top:10px}.titre-parallaxe{padding-bottom:0}}@media screen and (max-width:500px){.contact-mesinfos{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1200px){.lightbox__prev span{opacity:0}.lightbox__next span{opacity:0}}@media screen and (max-width:1200px){.lien-contact{flex-direction:column}.contact-ref{margin:0}}@media screen and (max-width:768px){.post-single{flex-direction:column-reverse;align-items:center;margin-top:40px;min-height:auto;height:auto}.bloc-dessous{flex-direction:column;align-items:center;height:150px}.lien-contact{align-items:center;margin-top:20px;margin-bottom:40px;width:100%}.lien-contact p{width:100%;text-align:center}.lien-navigation{display:none}.photos-liste-title{text-align:center}.photos-cards{grid-template-columns:repeat(1,1fr)}.post-info{width:100%;border-bottom:none;height:auto}.h1-singlepage{text-align:center}.post-photo{width:100%;max-width:none !important}.post-photo img{height:auto}.bloc-dessous{display:none}.projet-description{margin-top:0}.txt-site{top:30%;left:30%}swiper-slide img{width:80%}}@media screen and (max-width:500px){.bloc-dessous{height:200px}}@media screen and (max-width:1200px){.main{margin-left:5% !important;margin-right:5% !important}}@media screen and (max-width:781px){.wp-block-buttons{justify-content:center}.img-creasite{width:80% !important;margin:auto}}.fadein.is-visible{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s}@keyframes fadein{from{opacity:0;transform:translateY(400px)}to{opacity:1;transform:translateY(0px)}}@-moz-keyframes fadein{from{opacity:0;transform:translateY(400px)}to{opacity:1;transform:translateY(0px)}}@-webkit-keyframes fadein{from{opacity:0;transform:translateY(400px)}to{opacity:1;transform:translateY(0px)}}@-o-keyframes fadein{from{opacity:0;transform:translateY(400px)}to{opacity:1;transform:translateY(0px)}}.titre-mentions{padding-top:40px;text-decoration:underline;text-decoration-color:var(--btn-color-hover);text-underline-offset:15px;text-decoration-thickness:4px}.titre-polconf{padding-top:40px;text-decoration:underline;text-decoration-color:var(--btn-color-hover);text-underline-offset:15px;text-decoration-thickness:4px}.titre-creasite{padding-top:40px;text-decoration:underline;text-decoration-color:var(--btn-color-hover);text-underline-offset:15px;text-decoration-thickness:4px}.img-creasite{width:500px;margin-bottom:-60px}.col2-titre-creasite{display:flex;flex-direction:column;align-items:center}.titre-besoins{font-family:"Poppins";text-align:center;font-size:1.4rem !important;margin-top:20px;margin-bottom:40px}.sous-titre-besoins{margin-top:-5px;margin-bottom:-5px}.separateur-besoins{color:var(--btn-color-hover);width:20%;height:20px;border-top:4px solid}.blocs-besoins{gap:50px}.fin-col-besoins{margin-bottom:-20px !important}.parag-besoins{padding-left:30px;padding-right:30px;text-align:justify}.btn-creasite{margin-top:40px !important;margin-bottom:40px !important}.btn-creasite a{color:#fff;background-color:var(--btn-color);border:2px solid;border-color:var(--btn-color);transition:all .5s}.btn-creasite a:hover{background-color:var(--btn-color-hover);transition:all .5s}