*{margin:0;padding:0;box-sizing:border-box}:root{--color-header: gold}
.hidden{overflow:hidden}.header{position:relative;width:100%;height:5rem;background-color:var(--color-header);box-shadow:0rem 1rem 1rem #353535;border-radius:0px 0px 50px 50px}.header .container-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 1rem}.container-rss-header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:5rem}.container-rss-header .link-rss{cursor:pointer;width:100%;transition:2s}.container-rss-header .link-rss:hover{color:#fff;background-color:#fff;transition:2s}.container-title-header{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:1rem}.container-title-header .text-title-header{font-size:2rem}@media(max-width: 700px){.container-title-header .text-title-header{font-size:1rem}}.container-burger{position:relative;width:2rem}.container-burger .lane{cursor:pointer;border:none;display:flex;width:2.5rem;height:1rem;flex-direction:column;justify-content:space-between;padding:0}.container-burger .line{cursor:pointer;display:block;height:.2rem;background-color:#000;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.container-burger .laneOn{width:100%;transform-origin:top left;transition:1s}.container-burger .laneThu{width:70%;transform-origin:bottom left;transition:1s}.container-burger .burger-div-header{transform:translate(100%);transition:2s}.display-none{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;gap:1rem;position:fixed;top:5rem;right:0;width:60vw;background-color:var(--color-header);border-radius:1rem 0rem 0rem 1rem;box-shadow:0rem 0rem 1rem #6b6b6b;transform:translate(0%);transition:2s}.display-none .articleOnPage{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}@media(max-width: 700px){.display-none .articleOnPage{flex-direction:column}.display-none .articleOnPage .iframeOnPage{display:none}}.display-none .iframeOnPage{width:25rem;height:4rem;border:none;background-color:#fff;box-shadow:0px 0px 11px 1px #000}.display-none .title-about-page{font-size:2rem;align-self:center;font-family:math}.display-none .linkPage1{margin-left:1rem;text-decoration:none;color:#000;transition:1s;font-size:1.5rem}.display-none .linkPage1:hover{color:red;transition:1s}.openBurger .laneOn{transform:rotate(30deg) translate(4px, -7px);background-color:#fff;transition:1s}.openBurger .laneThu{width:100%;transform:rotate(-30deg) translate(5px, 5px);background-color:#fff;transition:1s}
body{background-color:#000}.main{width:100%;background-color:#000}.container-main-div{display:flex;width:100%;gap:2rem}@media(max-width: 1100px){.container-main-div{flex-direction:column}}.div-img-may{display:flex;align-items:center;justify-content:center;flex-direction:column;transform:translate(-17rem, -19rem)}@media(max-width: 600px){.div-img-may{transform:translate(-11rem, -10rem)}}.may-img{width:40rem;height:auto}@media(max-width: 400px){.may-img{width:20rem}}.container-about-my{margin-top:6rem}@media(max-width: 1100px){.container-about-my{margin:0}}.about-my-profele{text-align:center;width:90%}@media(max-width: 1100px){.about-my-profele{width:auto;margin:0 10px}}.aboutMyTitle{font-size:3vw;color:#fff}@media(max-width: 1100px){.aboutMyTitle{font-size:2rem}}.infoAboutMeP{margin-top:2rem;font-size:1.5rem;color:#6b6b6b}@media(max-width: 1100px){.infoAboutMeP{font-size:1rem}}.containerMiInfo{z-index:99;top:51vw;left:21vw;background-color:gold;opacity:.7;width:20vw}.sectionTitleName{background-color:gold;transform:translate(9rem, 0rem)}.titleNameH3{font-size:1.5rem;margin:0 1.5rem;border-bottom:solid 2px #000;text-shadow:0rem 0rem 1rem #6b6b6b}.mi-location{font-size:1rem;text-align:center}.container-languages{display:flex;flex-direction:row;justify-content:space-around}.container-my-scil-div{display:flex;flex-direction:column;width:100%;justify-content:space-between;position:relative}.title-languages{font-size:3vw;margin-top:1rem;color:#fff;display:flex;align-items:center;justify-content:center}.container-html{display:flex;flex-direction:column;justify-content:center;align-items:center}.radiusHTML{position:relative;display:flex;justify-content:center;align-items:center;font-size:2rem;border:solid 0px wheat;border-radius:50%;width:10vw;height:10vw}.canvasHTML{position:absolute;top:0;left:0;width:10vw;height:10vw;display:block;z-index:1}.pTitleRadius{font-size:3vw;position:absolute;color:#fff;z-index:2;font-weight:bold}.img-html{width:4vw}.container-css{display:flex;flex-direction:column;justify-content:center;align-items:center}.radiusCSS{display:flex;justify-content:center;align-items:center;font-size:2rem;border:solid 0px wheat;border-radius:50%;width:10vw;height:10vw}.canvasCSS{width:10vw;height:10vw;display:block}.img-css{width:4vw}.img-sass{width:4vw}.container-js{display:flex;flex-direction:column;justify-content:center;align-items:center}.radiusJS{display:flex;justify-content:center;align-items:center;font-size:2rem;border:solid 0px wheat;border-radius:50%;width:10vw;height:10vw}.canvasJS{width:10vw;height:10vw;display:block}.img-js{width:4vw}.img-ts{width:4vw}.container-WB{display:flex;flex-direction:column;justify-content:center;align-items:center}.radiusWB{display:flex;justify-content:center;align-items:center;font-size:2rem;border-radius:50%;border:solid 0px wheat;width:10vw;height:10vw}.canvasWB{width:10vw;height:10vw;display:block}.img-WB{width:4vw}.img-MD{width:4vw;background-color:#fff;border-radius:50%}.imgGit{width:4vw}.container-Contact-My{display:flex;flex-direction:column}.contact-My-H3{margin-top:3vw;font-size:3vw;width:100%;color:#fff;text-align:center}.contactMyDiv{display:flex;justify-content:space-around}.containerImageMe{width:12vw}.imageMe{border:solid 2px gold;width:11vw;height:11vw;border-radius:50%;background-image:url(img/miFotoSev1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.colMeP{width:fit-content;height:fit-content;margin-bottom:5rem;color:#fff;cursor:pointer;transition:1s;font-size:2vw}@media(max-width: 1100px){.colMeP{margin-bottom:1rem}}.colMeP:hover{color:gold;transition:1s}.mePhonP{font-size:2vw;color:#fff}.mePhonP:hover{transition:1s;background:linear-gradient(90deg, red, gold, gold, gold);-webkit-background-clip:text;color:rgba(0,0,0,0)}.meEmailP{width:fit-content;height:fit-content;margin-bottom:5rem;color:#fff;cursor:pointer;transition:1s;font-size:2vw}@media(max-width: 1100px){.meEmailP{margin:0rem}}.meEmailP:hover{color:gold;transition:1s}.mailA{text-decoration:none;font-size:2vw;color:#fff}.mailA:hover{transition:1s;background:linear-gradient(90deg, red, gold, gold, gold);-webkit-background-clip:text;color:rgba(0,0,0,0)}.colorGold{transition:1s;color:gold}.container-Me-Diploma{display:flex;align-items:center;flex-direction:column;justify-content:center}.title-H3-Diploma{margin-top:3vw;font-size:3vw;width:100%;color:#fff;text-align:center;color:#fff}.section-Me-Diploma{width:55vw;height:25vw;background-color:#000;margin:3vw 0;display:flex;align-items:center;justify-content:space-between}.containerScrollDiploma{width:75%;overflow:hidden}.container-Me-Diploma{display:flex;align-items:center;flex-direction:column;justify-content:center}.title-H3-Diploma{margin-top:3vw;font-size:3vw;width:100%;color:#fff;text-align:center}.section-Me-Diploma{width:55vw;height:25vw;background-color:#000;margin:3vw 0;display:flex;align-items:center;justify-content:space-between;position:relative}.sectionSlider{width:75%;height:29vw;margin:0 auto;perspective:1200px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:clip}.dipA1{position:absolute;top:50%;left:50%;width:75%;height:75%;transform:translate(-50%, -50%);border-radius:12px;overflow:hidden;transition:all .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform-style:preserve-3d;cursor:pointer}.pos1{transform:translate(-50%, -50%) rotateY(0deg) translateZ(-320px) scale(1.1);z-index:10;filter:brightness(1.2)}.pos2{transform:translate(-50%, -50%) rotateY(270deg) translateZ(-200px) scale(0.9);z-index:5;filter:brightness(0.9)}.pos3{transform:translate(-50%, -50%) rotateY(90deg) translateZ(-200px) scale(0.9);z-index:5;filter:brightness(0.9)}.firstDipImg{width:100%;height:100%;object-fit:cover;backface-visibility:hidden;transition:all .8s ease}.dipA1.active{z-index:5}.dipA1.active .firstDipImg{transform:scale(1.2);filter:brightness(1.15) drop-shadow(0 10px 20px rgba(255, 255, 255, 0.3))}.dipA1:not(.active) .firstDipImg{filter:brightness(0.7) blur(0.3px)}.buttonLeft,.buttonRight{width:3vw;height:3vw;border:none;cursor:pointer;z-index:10;position:relative;border-radius:50%;background:#6b6b6b;color:#fff;font-size:1.5vw;transition:all .3s}.buttonLeft{border-radius:0 50% 50% 0}.buttonRight{border-radius:50% 0 0 50%}.button:hover{background:gold;box-shadow:0 0 15px gold}