@font-face{font-family:Borisna;src:url(/static/media/Borisna.0e1088a0db657b3fe997.ttf) format("truetype")}.App,body{margin:0;padding:0}body{background-color:#f6f6f6;font-family:cursive;max-width:1920px}body,html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.stickedimg{bottom:-32px;position:fixed;right:-12px;z-index:9999}.sticky-image{transition:opacity .5s ease;width:160px}@media screen and (max-width:480px){.sticky-image{width:100px}.stickedimg{bottom:-10px;position:fixed;right:-12px}body{font-family:Borisna}}.Header{align-items:center;padding:32px;position:relative}.Header,.Header ul{display:flex;justify-content:center}.Header ul{flex:1 1;gap:32px;list-style-type:none;margin:0;padding:0}#lang{display:flex;gap:16px;margin-left:auto}#lang img{transition:transform .3s ease;width:36px}.Header ul li a{color:#f6f6f6;font-size:.9em;font-weight:600;letter-spacing:1.2px;text-decoration:none}.Header ul li a:hover{color:#c5474d}.burger{cursor:pointer;display:none;z-index:9999}.burger,.burger-icon{flex-direction:column}.burger-icon{display:flex;gap:5px}.burger-icon .line{background-color:#f6f6f6;height:4px;width:30px}.burger-icon.active .line{background-color:initial}.burger-icon.active .line:first-child{transform:rotate(45deg) translate(5px,5px)}.burger-icon.active .line:nth-child(2){opacity:0}.burger-icon.active .line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.x{cursor:pointer;display:none;position:fixed;right:20px;top:15px;z-index:10000}.x.active{display:flex;flex-direction:column;gap:5px;margin-top:24px}.x .x-line{background-color:#f6f6f6;height:4px;transition:transform .3s ease;width:30px}.x.active .x-line:first-child{transform:rotate(45deg)}.x.active .x-line:last-child{position:absolute;transform:rotate(-45deg)}.menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}.menu.active{align-items:center;background:url(/static/media/HeroPic.26fbfd639ea0d524c68b.webp);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}.menu.active li{margin:4px 0}.menu.active li a{color:#f6f6f6;font-size:1.2em;font-weight:700}@media (max-width:860px){.Header ul{display:none}.burger{display:flex}.Header{justify-content:flex-end}#lang{justify-content:center;width:100%}}.hero{background-color:#181818;background-repeat:no-repeat;background-size:cover;height:100vh}@keyframes fadeInSlideFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.herosection{height:80vh;justify-content:space-between}.herosection,.socialMedia{align-items:center;display:flex}.socialMedia{animation:fadeInSlideFromLeft 2s ease-out forwards;background-color:#f6f6f6;border-radius:0 8px 8px 0;flex-direction:column;opacity:0;padding:8px}.socialMedia img{transition:transform .3s ease;width:5vh}#lang img:hover,.socialMedia img:hover{cursor:pointer;transform:scale(1.2)}.image-container img{background-color:#181818;border-radius:50%;filter:grayscale(100%);height:40vh;transition:filter .3s ease}.image-container img:hover{background-color:#5a0906;filter:grayscale(0)}.heror{align-items:center;color:#f6f6f6;display:flex;flex-direction:column;font-size:2rem;font-weight:550;justify-content:center;letter-spacing:.6px;text-transform:uppercase}.herocontainer{display:flex;gap:64px;margin:0 auto}.heror1{gap:12px}.dnbtn,.heror1{align-items:center;display:flex;justify-content:center}.dnbtn{background-color:initial;border:2px solid #f6f6f6;border-radius:50px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;padding:15px 25px;position:relative;transition:.3s}.dnbtn,.dnbtn a{text-decoration:none}.dnbtn a{color:#f6f6f6;letter-spacing:1.2px}.dnbtn:hover{border-color:#c5474d}.dnbtn a:hover,.dnbtn:hover{color:#c5474d}.dnbtn:active{transform:scale(.95);transition:transform .1s ease-in-out}.animation{height:50px;overflow:hidden}.animation>div>div{display:inline-block;margin-bottom:2.81rem;padding:.25rem .75rem}.animation div:first-child{animation:text-animation 8s infinite}.first div{background-color:#20a7d8}.second div{background-color:#cd921e}.third div{background-color:#5a0906}@keyframes text-animation{0%{margin-top:0}10%{margin-top:0}20%{margin-top:-5.62rem}30%{margin-top:-5.62rem}40%{margin-top:-11.24rem}60%{margin-top:-11.24rem}70%{margin-top:-5.62rem}80%{margin-top:-5.62rem}90%{margin-top:0}to{margin-top:0}}.about{background-color:#181818;color:#f6f6f6;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.about,.abouttop{align-items:center;display:flex;gap:32px}.abouttop{padding:0 16em}.aboutleft img{--_g:10%/45% 45% no-repeat linear-gradient(#000 0 0);--m:left var(--_i,0%) top var(--_g),bottom var(--_i,0%) left var(--_g),top var(--_i,0%) right var(--_g),right var(--_i,0%) bottom var(--_g);background-color:#f6f6f6;border:2px solid #f6f6f6;cursor:pointer;filter:grayscale();float:right;-webkit-mask:var(--m);mask:var(--m);transition:.3s linear;width:18em}.aboutleft img:hover{--_i:10%;filter:grayscale(0)}.abouttop h1{color:#c5474d;letter-spacing:1.2px}.abouttop p{font-family:Montserrat,sans-serif;letter-spacing:1.2px;line-height:32px;text-align:justify}.aboutbuttom{display:flex;justify-content:space-between;padding:0 16em;width:100%}.aboutbuttom h3{color:#c5474d;letter-spacing:1.2px}.aboutbuttom p{font-family:Montserrat,sans-serif;letter-spacing:1.2px}.diplome{align-items:center;background-color:#181818;color:#f6f6f6;display:flex;flex-direction:column;gap:32px;height:100vh;justify-content:center;overflow:hidden;padding:0 6em;position:relative}.diplome P,.diplome h1{letter-spacing:1.2px}.diplome P{color:#c5474d}.listediplomes{display:flex;gap:32px;justify-content:space-between;width:80%}.dipleft{display:flex;flex-direction:column}.dipcontenu{flex:1 1;gap:25px}.dipcontenu h3{font-family:Montserrat,sans-serif;letter-spacing:1.2px}.diprigth{display:flex;flex-direction:column}.year{color:#c5474d;font-size:16px;letter-spacing:1.2px;text-transform:uppercase;width:10em}.brand{align-items:center;background-color:#181818;display:flex;flex-direction:column;gap:32px;height:100vh;justify-content:center;margin:auto;overflow:hidden;padding:0 6em;position:relative}.brand h1{color:#f6f6f6;letter-spacing:1.2px}.brand1{display:flex;flex-wrap:wrap;gap:32px}.brand .box{border-radius:24px;height:480px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;width:512px;will-change:transform}.brand:hover .box{transform:rotateY(25deg)}.brand .box:hover~.box{transform:rotateY(-25deg)}.brand .box:hover{box-shadow:0 25px 40px #0000004d;transform:rotateY(0deg) scale(1.05);z-index:1}.brand .box .imgBx,.brand .box .imgBx:before{height:100%;left:0;position:absolute;top:0;width:100%}.brand .box .imgBx:before{background:linear-gradient(180deg,#f6f6f6,#000);content:"";mix-blend-mode:multiply;opacity:0;transition:opacity .3s ease;z-index:1}.brand .box:hover .imgBx:before{opacity:1}.brand .box .imgBx img{object-fit:contain}.brand .box .content,.brand .box .imgBx img{height:100%;left:0;position:absolute;top:0;width:100%}.brand .box .content{align-items:flex-end;box-sizing:border-box;display:flex;padding:20px;z-index:1}.brand .box .content h2{color:#f6f6f6;font-size:16px;letter-spacing:1.2px;margin-bottom:5px;text-transform:uppercase;transform:translateY(200px);transition:transform .3s ease;transition-delay:.3s}.brand .box:hover .content h2{transform:translateY(0)}.brand .box .content p{color:#f6f6f6;font-size:12px;letter-spacing:1.2px;transform:translateY(200px);transition:transform .3s ease;transition-delay:.4s}.brand .box:hover .content p{transform:translateY(0)}.brandbtn{align-items:center;background:#f6f6f6;border:none;border-radius:6px;box-shadow:0 .5px 1px #0000001a;display:flex;flex-direction:column;padding:6px 14px;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:12em}.brandbtn:focus{outline:0}.brandbtn a{color:#5a0906;font-weight:600;text-decoration:none}.brandbtn a:hover{color:#c5474d}.Skills{background-color:#181818;height:100vh}.skillstop{align-items:center;background-color:#5a0906;color:#f6f6f6;flex-direction:column;height:30%;justify-content:top;letter-spacing:1.2px;overflow:hidden;padding-top:32px;text-align:center}.skillstop p{font-family:Montserrat,sans-serif;line-height:24px;margin:0 auto;width:50%}.skillstop h1,.skillstop p{letter-spacing:1.2px}.buttomskills{background-color:#f6f6f6;border-radius:16px;display:flex;height:76%;margin:-3% auto 0;width:72%}.buttomskills div{align-items:center;border-radius:16px;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;letter-spacing:1.2px;padding:32px}.buttomskills div img{background-color:#c5474d;border-radius:50%;padding:12px;width:4em}.buttomskills h1{color:#c5474d;font-size:24px;letter-spacing:1.2px}.buttomskills p{letter-spacing:1.2px;text-align:justify}.buttomskills p,.buttomskills ul li{font-family:Montserrat,sans-serif;line-height:24px}.buttomskills ul li::marker{color:#c5474d;list-style:disc}.buttomskills div:nth-child(2){border-left:2px solid #c5474d;border-radius:0;border-right:2px solid #c5474d}@keyframes waveAnimation{0%{transform:scaleX(1) translateY(0)}25%{transform:scaleX(1.1) translateY(-2px)}50%{transform:scaleX(1) translateY(0)}75%{transform:scaleX(.9) translateY(2px)}to{transform:scaleX(1) translateY(0)}}hr{animation:waveAnimation 6s ease-in-out infinite;background:#f6f6f6;border:0;height:3px;width:100%}.pfe{align-items:center;color:#f6f6f6;flex-direction:column;justify-content:top;letter-spacing:1.2px;text-align:center}.parts ul,.pfe{font-family:Montserrat,sans-serif;line-height:32px}.parts ul{padding:0}.parts div ul li{font-weight:200;justify-content:top;letter-spacing:1.2px;list-style:none;text-align:center}.Contact,.parts div ul li{align-items:center;color:#f6f6f6;flex-direction:column}.Contact{background-color:#181818;display:flex;height:100vh;justify-content:center}.Contact h1,.Contact p{letter-spacing:1.2px}.Contact p{font-family:Montserrat,sans-serif;margin-bottom:32px;margin-top:0}.Contact form{background:#f6f6f6;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px 25px;width:100%}.Contact label{color:#c5474d;display:block;font-weight:700;margin-bottom:5px}input[type=email],input[type=text],textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#c5474d;outline:none}textarea{height:100px;resize:vertical}.Contact button{background-color:#c5474d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;padding:10px 15px;width:100%}.Contact button:hover{background-color:#5a0906}.alert{border-radius:5px;font-size:1.1rem;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;padding:15px;text-align:center;width:100%}.success-alert{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-alert{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.Footer{align-items:center;background-color:#5a0906;color:#f6f6f6;display:flex;flex-direction:column;justify-content:center;padding-top:32px;text-align:center}.Footer h1{letter-spacing:1.2px}.topfooter img{cursor:pointer;width:42px}.topfooter img:hover{cursor:pointer;transform:scale(1.2)}.topfooter div{align-items:center;display:flex;gap:16px;justify-content:center;padding-bottom:32px}.buttomfooter p{font-size:14px;letter-spacing:1.2px}@media screen and (max-width:1790px){.brand{padding:0 2em}.brand1{gap:8px}}@media screen and (max-width:1700px){.aboutbuttom,.abouttop{padding:0 6em}}@media screen and (max-width:1620px){.diplome{height:120vh}.listediplomes h3{font-size:18px;font-weight:300}.listediplomes p{font-size:16px}.year{font-size:16px!important}.listediplomes{width:100%}.brand .box{height:420px;width:420px}.brand1{gap:8px}.Skills{height:120vh}.buttomskills{width:90%}}@media screen and (max-width:1440px){.diplome{height:100vh}.listediplomes h3{font-size:16px}.listediplomes p{font-size:14px}.year{font-size:14px!important}.listediplomes{width:100%}.brand1{justify-content:center}.brand .box .content h2{font-size:14px}.brand .box .content p{font-size:12px}.brandbtn a{font-size:10px}}@media screen and (max-width:1360px){.about{height:60vh}.aboutbuttom,.abouttop{padding:0 2em}.Header ul li a,.about p{font-size:12px}.about h1{font-size:16px}.about h3{font-size:14px}.aboutleft img{width:14em}.Skills h1{font-size:24px}.Skills p{font-size:16px}.buttomskills{margin-top:-6%}.buttomskills h1{font-size:18px}.buttomskills li,.buttomskills p{font-size:14px}.brand .box .content h2{font-size:12px}.brand .box .content p{font-size:10px}.brandbtn a{font-size:9px}.listediplomes h3{font-size:14px}.listediplomes p{font-size:12px}.year{font-size:12px!important}.brand h1,.diplome h1{font-size:24px}.brand .box{height:380px;width:380px}.Contact h1{font-size:24px}.Contact p{font-size:16px}.topfooter h1{font-size:24px}.buttomfooter p{font-size:14px}.parts,.pfe{font-size:12px;line-height:32px}}@media screen and (max-width:1200px){.image-container img{height:30vh}.herocontainer{gap:12px}.animation>div>div,.heror1 p{font-size:24px}.dnbtn{font-size:12px}.diplome{padding:0 2em}.brand .box{height:320px;width:320px}.buttomskills{margin-top:-8%;width:100%}.Skills h1{font-size:24px}.Skills p{font-size:14px}.buttomskills h1{font-size:16px}.buttomskills li,.buttomskills p{font-size:12px}}@media screen and (max-width:1000px){#interets{display:none}.aboutrigth p{line-height:24px}}@media screen and (max-width:880px){.herocontainer{align-items:center;flex-direction:column-reverse}}@media screen and (max-width:760px){.brand{height:-webkit-fit-content;height:fit-content}.brand .box{height:480px;width:480px}.brand1{flex-direction:column}.skillstop{height:30vh}.buttomskills{flex-direction:column;margin-top:-2em;width:80%}.Skills{height:-webkit-fit-content;height:fit-content}.buttomskills div:nth-child(2){border-bottom:2px solid #c5474d;border-left:0 solid #c5474d;border-radius:0;border-right:0 solid #c5474d;border-top:2px solid #c5474d}.menu.active li a{font-size:1em;font-weight:500}.parts,.pfe{font-size:12px;line-height:24px}.parts{padding-bottom:32px}}@media screen and (max-width:680px){.aboutbuttom,.socialMedia{display:none}.skillstop p{width:80%}}.Contact p{font-size:14px;text-align:center;width:80%}@media screen and (max-width:560px){.heror1 p{font-size:14px}.heror1 .animation div{font-size:16px}.Footer{padding-bottom:16px;padding-top:16px}.dnbtn a{font-family:Montserrat,sans-serif;font-size:12px}.animation{height:50px;overflow:hidden}.animation>div>div{margin-bottom:4rem;padding:.45rem .95rem}.abouttop{flex-direction:column}.Contact h1,.Footer h1,.Skills h1,.brand h1,.diplome h1{font-size:18px}.Contact button,.Contact p,.Skills p,.dipcontenu h3,label{font-size:12px}.year{font-size:10px!important}.brand .box:hover{transform:rotateY(0deg) scale(1)}.buttomskills h1{font-size:16px}.buttomfooter p{font-size:12px}.topfooter div{padding-bottom:0}.Contact,.about,.diplome{height:-webkit-fit-content;height:fit-content;padding-bottom:32px;padding-top:32px}.buttomskills{width:96%}.buttomskills div{padding:16px}}@media screen and (max-width:480px){.listediplomes{flex-direction:column;gap:0}.listediplomes h3{line-height:24px}.brand .box{height:320px;width:320px}.animation{height:60px;overflow:hidden}.animation>div>div{padding:1.1rem .85rem}}@media screen and (max-width:380px){.heror1{flex-direction:column}.diplome h1{text-align:center}}
/*# sourceMappingURL=main.496b16dd.css.map*/