body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}textarea{resize:none}h2{font-size:30px;margin:0;padding:30px}section{padding:30px 0}img{width:50vw}header{background-color:grey}.buttons{gap:200px;margin:50px}.button,.buttons{align-items:center;display:flex;justify-content:center}.button{color:#000;height:50px;text-decoration:none;width:200px}.button,.buttons>.button{border-radius:25px;cursor:pointer}.buttons>.button{--color:#d3d3d3;background-color:initial;border:5px solid var(--color);font-family:Helvetica,sans-serif;font-size:17px;font-weight:300;overflow:hidden;padding:.8em 1.75em;position:relative;transition:.5s;z-index:1}.buttons>.button:after,.buttons>.button:before{background-color:var(--color);content:"";display:block;height:100%;inset:50%;left:25%;position:absolute;transform:skew(90deg) translate(-50%,-50%);transition:.5s ease-out;width:100%;z-index:-1}.buttons>.button:before{left:-25%;top:-50%;transform:skew(90deg) rotate(180deg) translate(-50%,-50%)}.buttons>.button:hover:before{transform:skew(45deg) rotate(180deg) translate(-50%,-50%)}.buttons>.button:hover:after{transform:skew(45deg) translate(-50%,-50%)}.buttons>.button:active{background-color:grey;filter:brightness(.7)}.button>img{height:20px}#GitHub_Logo{width:50px}#GitHub_Name{width:20px}.Text{margin:0 200px;text-align:left}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1280px){h2{font-size:24px;margin:0 30px;padding:0;text-align:left}.buttons{gap:10px}.buttons>.button{padding:0;width:100px}.Text{margin:0 20px}}.SectionTechDoukro{background-color:#d3d3d3;height:80vh;position:relative;width:100%}.SectionTechDoukro h3{margin:0}.SectionTechDoukro p{margin:5px}.SectionTechDoukro .LogoTech{border-style:dashed;height:10%;object-fit:contain;position:absolute;transform:translate(-50%,-50%);width:10%}.SectionTechDoukro .Docker{background-color:#1d63ed80;border-radius:15%;border-style:solid;border-width:8px;box-shadow:5px -5px 7px 4px #000000a8;box-sizing:border-box;height:60%;left:65%;position:absolute;top:60%;transform:translate(-50%,-50%);width:20%}.SectionTechDoukro .Docker .LogoDocker{height:30%;left:0;position:absolute;top:-7%;width:100%}.SectionTechDoukro .Docker .NodeJS{background-color:#14640080;border-radius:15%;border-style:solid;border-width:8px;box-shadow:5px -5px 7px 4px #000000a8;box-sizing:border-box;height:75%;left:5%;position:absolute;top:20%;width:90%}.SectionTechDoukro .Docker .NodeJS .LogoNodeJS{height:15%;left:25%;position:absolute;top:5%;width:50%}.SectionTechDoukro .Docker .NodeJS .LogoExpress{top:45%}.SectionTechDoukro .Docker .NodeJS .LogoExpress,.SectionTechDoukro .Docker .NodeJS .LogoSocketIO{background-color:#fff;border-radius:20%;border-style:solid;border-width:6px;box-shadow:5px -5px 7px 1px #000000a8;box-sizing:border-box;height:25%;padding:0 15%;position:absolute;transform:translate(-50%,-50%);width:60%}.SectionTechDoukro .Docker .NodeJS .LogoSocketIO{left:50%;top:80%}.SectionTechDoukro .Docker .NodeJS .MongoConnection{border-radius:30px;border-style:dashed dashed dashed none;height:35%;left:55%;position:absolute;top:45%;width:133%}.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionRight{top:40%}.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionLeft,.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionRight{border-radius:30px;border-style:solid none none;border-width:6px;box-sizing:border-box;height:0;left:-100%;position:absolute;transform:translate(-50%,-50%);width:250%}.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionLeft{top:50%}.SectionTechDoukro .Docker .NodeJS .ReactSocketIOConnection{border-radius:30px;border-style:solid none none;border-width:6px;box-sizing:border-box;height:0;left:-100%;position:absolute;top:80%;transform:translate(-50%,-50%);width:250%}.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageRight{background-color:#fff;border:2px solid #000;border-radius:30px;box-sizing:border-box;left:-70%;padding:4px 15px;position:absolute;top:40%;transform:translate(-50%,-50%)}.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageRight span{font-size:16px}.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageLeft{background-color:#fff;border:2px solid #000;border-radius:30px;box-sizing:border-box;left:-100%;padding:4px 15px;position:absolute;top:50%;transform:translate(-50%,-50%)}.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageLeft span{font-size:16px}.SectionTechDoukro .Docker .NodeJS .ReactSocketIOMessage{background-color:#fff;border:2px solid #000;border-radius:30px;box-sizing:border-box;left:-85%;padding:5px 15px;position:absolute;top:80%;transform:translate(-50%,-50%)}.SectionTechDoukro .Docker .NodeJS .ReactSocketIOMessage span{font-size:16px}.SectionTechDoukro .Docker .NodeJS .arrow{border:solid #000;border-width:0 6px 6px 0;padding:12px;position:absolute;z-index:1}.SectionTechDoukro .Docker .NodeJS .ExpressRight{left:-50%;top:40%;transform:translate(-50%,-50%) rotate(-45deg)}.SectionTechDoukro .Docker .NodeJS .ExpressLeft{left:-120%;top:50%;transform:translate(-50%,-50%) rotate(135deg)}.SectionTechDoukro .Docker .NodeJS .SocketIORight{left:-50%;top:80%;transform:translate(-50%,-50%) rotate(-45deg)}.SectionTechDoukro .Docker .NodeJS .SocketIOLeft{left:-120%;top:80%;transform:translate(-50%,-50%) rotate(135deg)}.SectionTechDoukro .LogoReact{background-color:#fff;height:25%;left:25%;padding:20px;width:10%}.SectionTechDoukro .LogoMongoDB,.SectionTechDoukro .LogoReact{border-radius:20%;border-style:solid;border-width:6px;box-shadow:5px -5px 7px 1px #000000a8;object-fit:fill;top:70%;transform:translate(-50%,-50%);z-index:1}.SectionTechDoukro .LogoMongoDB{left:87.5%}@media(max-width:1280px){.SectionTechDoukro{height:130vh}.SectionTechDoukro .Docker{height:25%;left:50%;top:40%;width:70%}.SectionTechDoukro .Docker .NodeJS .LogoExpress{height:35%;left:25%;padding:0 5%;top:60%;width:35%}.SectionTechDoukro .Docker .NodeJS .LogoSocketIO{height:35%;left:75%;padding:0 5%;top:60%;width:35%}.SectionTechDoukro .Docker .NodeJS .MongoConnection{border-radius:0;border-style:none dashed dashed;height:95%;left:37%;top:60%;width:26%}.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionRight{border-style:none solid none none;height:180%;left:20%;top:150%;width:0}.SectionTechDoukro .Docker .NodeJS .ReactExpressConnectionLeft{border-style:none solid none none;height:180%;left:30%;top:150%;width:0}.SectionTechDoukro .Docker .NodeJS .ReactSocketIOConnection{border-style:none solid none none;height:180%;left:75%;top:150%;width:0}.SectionTechDoukro .Docker .NodeJS .ExpressLeft,.SectionTechDoukro .Docker .NodeJS .ExpressRight,.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageLeft,.SectionTechDoukro .Docker .NodeJS .ReactExpressMessageRight,.SectionTechDoukro .Docker .NodeJS .ReactSocketIOMessage,.SectionTechDoukro .Docker .NodeJS .SocketIOLeft,.SectionTechDoukro .Docker .NodeJS .SocketIORight,.SectionTechDoukro .Docker .NodeJS .arrow{display:none}.SectionTechDoukro .LogoReact{height:10%;left:50%;padding:4vh 10vw;top:80%;width:25%}.SectionTechDoukro .LogoMongoDB{height:8%;left:50%;top:60%;width:30%}}.SectionIntroduceDoukro{background-color:gray}.SectionIntroduceDoukro .Card_Images{display:flex;flex-wrap:wrap;gap:5vw;justify-content:center;padding:0 150px}.SectionIntroduceDoukro .Card_Images img{width:25vw}@media(max-width:1280px){.SectionIntroduceDoukro .Card_Images{padding:0 50px}.SectionIntroduceDoukro .Card_Images img{width:30vw}}.SectionKasa{background-color:#d3d3d3}.SectionKasa .ImageKasa{display:flex;gap:5vw;justify-content:center;margin:80px 0}.SectionKasa .ImageKasa #ImageMobile{width:12vw}.SectionKasa .ImageKasa #ImageDesktop{width:40vw}.SectionKasa .buttons>.button{--color:grey}@media(max-width:1280px){.SectionKasa .ImageKasa{align-items:center;flex-direction:column;margin:40px 0}.SectionKasa .ImageKasa #ImageMobile{width:40vw}.SectionKasa .ImageKasa #ImageDesktop{width:70vw}}footer{background-color:#d3d3d3;display:flex;justify-content:center;padding:50px}footer form{background-color:#1a1a1a;border:1px solid #333;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:15px;max-width:350px;padding:0 35px 20px 20px;position:relative;width:70vw}footer form #FormTitle{align-items:center;color:#00bfff;display:flex;font-size:28px;font-weight:600;letter-spacing:-1px;padding:30px 50px;position:relative}footer form #FormTitle:after{animation:pulse 1s linear infinite}footer form #FormTitle:after,footer form #FormTitle:before{background-color:#00bfff;border-radius:50%;content:"";height:16px;left:15px;position:absolute;top:43px;width:16px}footer form label{position:relative}footer form label .input{background-color:#333;border:1px solid hsla(0,0%,41%,.397);border-radius:10px;color:#fff;outline:0;padding:20px 5px 5px 10px;width:100%}footer form label span{color:#ffffff80;cursor:text;font-size:.9em;left:10px;position:absolute;top:0;transition:.3s ease}footer form label .input:placeholder-shown+span{font-size:.9em;top:12.5px}footer form label .input:focus+span,footer form label .input:valid+span{color:#00bfff;font-size:.7em;font-weight:600;top:0}footer form label .input{font-size:medium}footer form button{background-color:#00bfff;border:none;border-radius:10px;color:#fff;font-size:16px;margin:auto;outline:none;padding:10px;transition:.3s ease}footer form button:hover{background-color:rgba(0,191,255,.588)}@keyframes pulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}header{align-items:center;display:flex;justify-content:center;padding:70px 0}header h1{font-size:50px;margin:20px 80px}header h1,header span{position:relative;top:-40px}header span{font-size:30px;margin:0 50px}header .gradient-border{align-items:center;display:flex;height:500px;justify-content:center;width:500px;z-index:1}header .gradient-border .cercle{border:16px solid #d3d3d3;border-radius:50%;height:500px;position:absolute;transform:skewX(-50deg);width:500px}header .gradient-border .front{border-style:none solid solid none;z-index:1}header .gradient-border .back{border-style:solid none none solid}header .gradient-border .planet{align-items:center;background:#1d1f20;border-radius:100%;color:#fff;display:flex;flex-direction:column;font-family:Raleway;font-size:2.5rem;height:calc(100% - 10px);justify-content:center;width:calc(100% - 10px);z-index:1}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:1280px){header h1{font-size:32px;margin:5px 40px;top:-15px}header span{font-size:26px;margin:0 30px;top:-10px}header .gradient-border{height:300px;width:300px}header .gradient-border .cercle{border:6px solid #d3d3d3;height:300px;width:300px}header .gradient-border .front{border-style:none solid solid none}header .gradient-border .back{border-style:solid none none solid}}@media(max-width:700px){header .gradient-border .cercle{display:none}}.SectionScreenshot{background-color:gray;display:flex;flex-direction:column}.SectionScreenshot .wrapper{align-items:center;display:flex;flex-direction:column;height:65vh;justify-content:center;width:100%}.SectionScreenshot .wrapper .container{display:flex;flex-wrap:nowrap;height:500px;justify-content:start}.SectionScreenshot .wrapper .container .card{align-items:flex-end;background-size:cover;border-radius:.75rem;border-radius:2rem;box-shadow:0 10px 30px -5px #110e0ecc;cursor:pointer;display:flex;margin:0 10px;overflow:hidden;transition:.6s cubic-bezier(.28,-.03,0,.99);width:80px}.SectionScreenshot .wrapper .container .card img{height:100%;object-fit:fill;width:800px}.SectionScreenshot .wrapper .container .card .row{color:#fff;display:flex;flex-wrap:nowrap;height:100%;position:relative;width:100%}.SectionScreenshot .wrapper .container .card .row .icon{align-items:center;background:#223;border-radius:50%;bottom:0;color:#fff;display:flex;height:50px;justify-content:center;margin:15px;position:absolute;width:50px}.SectionScreenshot .wrapper .container input{display:none}.SectionScreenshot .wrapper .container input:checked+label,.SectionScreenshot .wrapper .container input:checked+label img{width:40vw}.SectionScreenshot .wrapper .container input:checked+label .description{opacity:1!important;transform:translateY(0)!important}@media(max-width:1280px){.SectionScreenshot{gap:12vh;height:90vh}.SectionScreenshot .wrapper{gap:15vh}.SectionScreenshot .wrapper .container{height:70vw;transform:rotate(90deg)}.SectionScreenshot .wrapper .container .card img{height:40vw;left:-15vw;position:relative;top:15vw;transform:rotate(-90deg);width:70vw}.SectionScreenshot .wrapper .container .card .row{position:relative}.SectionScreenshot .wrapper .container .card .row .icon{transform:rotate(-90deg)}.SectionScreenshot .wrapper .container input:checked+label{width:40vw}.SectionScreenshot .wrapper .container input:checked+label img{width:70vw}}
/*# sourceMappingURL=main.59807a6c.css.map*/