body{margin:0;padding:0;background-color:#cfd8dc}button{cursor:pointer}#Logo-wrapper{width:150px;height:150px;position:absolute;top:30px;left:30px;overflow:hidden}.logo-rotation{-webkit-animation:petalRotation .7s linear forwards,petalScaling .6s linar forwards;animation:petalRotation .7s linear forwards,petalScaling .6s ease-in-out forwards}@-webkit-keyframes petalRotation{0%{-webkit-transform:rotate(90deg),scale(.8);transform:rotate(90deg),scale(.8)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes petalRotation{0%{-webkit-transform:rotate(90deg),scale(.8);transform:rotate(90deg),scale(.8)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@media screen and (max-width:768px){#Logo-wrapper{position:static;display:block;top:0;left:0;right:0;margin-bottom:0;padding-bottom:0}}@media screen and (max-width:479px){#Logo-wrapper{top:20px;margin-left:5px;margin-bottom:20px;height:160px;width:160px}}.colors-wrapper li{height:90px;width:90px;border:none;position:absolute;border-radius:50%;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:z-index .6s ease-in-out,-webkit-transform .6s ease-in-out;transition:z-index .6s ease-in-out,-webkit-transform .6s ease-in-out;-o-transition:z-index .6s ease-in-out,transform .6s ease-in-out;transition:z-index .6s ease-in-out,transform .6s ease-in-out;transition:z-index .6s ease-in-out,transform .6s ease-in-out,-webkit-transform .6s ease-in-out;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.colors-wrapper li:hover{z-index:999;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);cursor:pointer}@media screen and (max-width:479px){.colors-wrapper li{height:75px;width:75px;font-size:14px}}.colorRecAppreance-wrapper{position:relative;top:-160px;min-height:300px;max-width:600px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;display:none}#petal-flipped{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#petal-flipped #petal-pic{height:650px}#petal-pic #left{-webkit-box-shadow:#000 5px;box-shadow:5px #000}.colorRecAppreance{position:absolute}.visible{display:inline-block}.invisible{display:none}.visible-scale{-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.visible-scale,.visible-scale-hover{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}.visible-scale-hover{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.Picture{width:380px;height:380px;background-color:#cfd8dc;border-radius:50%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;position:relative;left:-50px;background-color:#444;-webkit-box-shadow:5px 5px 5px rgba(68,68,68,.6);box-shadow:5px 5px 5px rgba(68,68,68,.6)}.Picture img{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-o-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.Picture:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.colors-wrapper{width:300px;height:300px;position:absolute;top:150%;left:250px;border-radius:50%;-webkit-transform:translate(-55%,-70%);-ms-transform:translate(-55%,-70%);transform:translate(-55%,-70%);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:768px){#petal-flipped #petal-pic{max-width:100%}.Picture{max-width:300px;max-height:300px}#petal-flipped #petal-pic{max-height:400px}}@media screen and (max-width:479px){.ImageLinkForm h3{font-size:16px}.colorRecAppreance-wrapper{position:relative;top:0;height:auto;width:auto;top:-50px}.Picture{max-width:190px;max-height:190px}#petal-flipped #petal-pic{max-height:330px}.colors-wrapper{height:250px;left:100px;top:195%}}.ImageLinkForm{max-width:700px;margin-left:auto;margin-right:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#text{font-size:120px;color:#000;font-family:MontserratBlack}.anim-shape{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-animation:moving-panel 1.1s infinite alternate;animation:moving-panel 1.1s infinite alternate}@-webkit-keyframes moving-panel{to{-webkit-transform:translate(-100px);transform:translate(-100px)}}@keyframes moving-panel{to{-webkit-transform:translate(-100px);transform:translate(-100px)}}svg{display:block}.petal-wrapper{position:relative}.ImageLinkForm h3{font-family:CourierNew,monospace;font-size:19px;color:#000;margin-bottom:30px}.ImageLinkForm input{display:block;border:none;border-radius:50px;margin-left:auto;margin-right:auto;margin-bottom:20px;padding-left:20px;width:250px;background-color:#fff;color:#000;font-family:MontserratRegular;font-size:16px;padding-top:8px;padding-bottom:8px;-webkit-transition:width .3s ease-in-out,background-color .3s ease-in-out;-o-transition:width .3s ease-in-out,background-color .3s ease-in-out;transition:width .3s ease-in-out,background-color .3s ease-in-out}.ImageLinkForm input:focus{width:70%;background-color:#fff}.ImageLinkForm input::-webkit-input-placeholder{color:#000;font-family:MontserratRegular}.ImageLinkForm input:-moz-placeholder,.ImageLinkForm input::-moz-placeholder{color:#000;font-family:MontserratRegular}.ImageLinkForm input:-ms-input-placeholder{color:#000;font-family:MontserratRegular}.ImageLinkForm input:focus:-webkit-input-placeholder{color:#000;border-bottom:1px solid #000}.ImageLinkForm input:focus:-moz-placeholder,.ImageLinkForm input:focus::-moz-placeholder{color:#000;border-bottom:1px solid #000}.ImageLinkForm input:focus:-ms-input-placeholder{color:#000;border-bottom:1px solid #000}.ImageLinkForm .detect{position:relative;z-index:1;width:150px;font-family:Montserrat;font-weight:500;padding-top:7px;padding-bottom:7px;border:none;border-radius:50px;overflow:hidden;color:#fff;background-color:#bababa}.ImageLinkForm .detect:before{content:"";z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;background:#000;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scaleY(2);transform:scaleY(2);-webkit-transition:-webkit-transform .4s,opacity .4s,color .4s;-webkit-transition:opacity .4s,color .4s,-webkit-transform .4s;transition:opacity .4s,color .4s,-webkit-transform .4s;-o-transition:transform .4s,opacity .4s,color .4s;transition:transform .4s,opacity .4s,color .4s;transition:transform .4s,opacity .4s,color .4s,-webkit-transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.9,1);-o-transition-timing-function:cubic-bezier(.7,0,.9,1);transition-timing-function:cubic-bezier(.7,0,.9,1)}.ImageLinkForm .detect:hover:before{-webkit-transform:scale3d(9,9,1);transform:scale3d(9,9,1);color:#000}.notification{position:relative;display:block;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.notification .tooltiptext{visibility:hidden;width:300px;background-color:#000;color:#fff;font-family:MontserratRegular;font-size:15px;text-align:center;border-radius:8px;padding:5px 6px;margin-bottom:20px;opacity:0;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.notification .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent}.notification .visible{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:768px){.ImageLinkForm{display:block;width:80%}.ImageLinkForm h1{margin-top:50px}.ImageLinkForm h3{font-size:18px;position:static;margin-left:15px;margin-right:15px;margin-bottom:30px;top:0;left:0}}@media screen and (max-width:479px){.ImageLinkForm{display:block;width:95%;margin-left:auto;margin-right:auto;position:static;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);text-align:center}.ImageLinkForm h1{margin-top:0;margin-bottom:15px}.ImageLinkForm h3{display:block;width:85%;font-size:17px;margin-bottom:15px;margin-left:auto;margin-right:auto}.notification .tooltiptext{font-size:13px;width:250px;margin-bottom:10px}.ImageLinkForm input{width:180px;margin-bottom:15px;padding-top:5px;padding-bottom:5px;font-size:15px}.ImageLinkForm input:focus{width:300px}.ImageLinkForm .detect{width:100px;font-size:14px}}.footer-wrapper{margin-top:50px}.bg-wrapper{position:relative;height:auto}#footer-bg{display:block;max-height:100%;max-width:100%}#footer-bg-xl{display:none;min-height:100%;min-width:100%}#footer-bg-md,#footer-bg-sm,#footer-bg-xs{display:none}.social-footer{font-size:16px;position:absolute;bottom:0;left:0;right:0}.social-footer .social .intro{font-weight:700;font-size:16px;font-family:CourierNew;color:#1e151e;padding:15px 15px 0}.social-footer .social .intro:hover{color:#fff;-webkit-transition:color .6s ease-in-out;-o-transition:color .6s ease-in-out;transition:color .6s ease-in-out}figure{display:inline-block;margin-top:10px;margin-bottom:10px}figure a{text-decoration:none}.frame{display:inline-block;overflow:hidden;border-radius:50%}#github,#linkedin{height:40px;width:40px;overflow:hidden}#slash{display:inline-block;height:30px;width:30px;margin-bottom:5px}#github .circle,#linkedin .circle{fill:#cfd8dc}#github:hover .circle-bg,#linkedin:hover .circle-bg{fill:#000;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);animation:toLeftMove .2s cubic-bezier(.7,0,.9,1) forwards;-webkit-animation:toLeftMove .2s cubic-bezier(.7,0,.9,1) forwards}@-webkit-keyframes toLeftMove{0%{-webkit-transform:translate(200px);transform:translate(200px)}to{-webkit-transform:translate(-200px),scale(3);transform:translate(-200px),scale(3)}}@keyframes toLeftMove{0%{-webkit-transform:translate(200px);transform:translate(200px)}to{-webkit-transform:translate(-200px),scale(3);transform:translate(-200px),scale(3)}}.brightGrey{fill:#bababa;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);animation:toLeftMoveBrightGrey.4s cubic-bezier(.7,0,.9,1) forwards;-webkit-animation:toLeftMoveBrightGrey .4s cubic-bezier(.7,0,.9,1) forwards}@-webkit-keyframes toLeftMoveBrightGrey{0%{-webkit-transform:translate(1920px);transform:translate(1920px)}to{-webkit-transform:translate(-1920px),scale(10);transform:translate(-1920px),scale(10)}}@keyframes toLeftMoveBrightGrey{0%{-webkit-transform:translate(1920px);transform:translate(1920px)}to{-webkit-transform:translate(-1920px),scale(10);transform:translate(-1920px),scale(10)}}.brightGreyCl{fill:#bababa}.darkGrey,.darkGreyCl{fill:#787878}.darkGrey{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);animation:toLeftMoveDarkGrey.4s cubic-bezier(.7,0,.9,1) forwards;-webkit-animation:toLeftMoveDarkGrey .4s cubic-bezier(.7,0,.9,1) forwards}@-webkit-keyframes toLeftMoveDarkGrey{0%{-webkit-transform:translate(1920px);transform:translate(1920px)}to{-webkit-transform:translate(-1920px),scale(10);transform:translate(-1920px),scale(10)}}@keyframes toLeftMoveDarkGrey{0%{-webkit-transform:translate(1920px);transform:translate(1920px)}to{-webkit-transform:translate(-1920px),scale(10);transform:translate(-1920px),scale(10)}}.details{min-height:100%;min-width:100%}#github .octocat,#linkedin .linkedin-sign{fill:#fff}.social-footer .email{padding-bottom:30px;margin-top:0;margin-bottom:0}.email a{font-family:CourierNew;color:#1e151e;font-size:16px;font-weight:700;text-decoration:none}.email a:hover{color:#fff;-webkit-transition:color .4s ease-in-out;-o-transition:color .4s ease-in-out;transition:color .4s ease-in-out}#petal-right-wrraper{position:absolute;bottom:15px;right:15px;width:200px;width:100px}#petal-right{cursor:pointer;height:87px;width:87px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;-o-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}#petal-right:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.anim-shape-petal{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-animation:moving-panel-petal 1.1s infinite alternate;animation:moving-panel-petal 1.1s infinite alternate}@-webkit-keyframes moving-panel-petal{to{-webkit-transform:translate(-30px);transform:translate(-30px)}}@keyframes moving-panel-petal{to{-webkit-transform:translate(-30px);transform:translate(-30px)}}@media screen and (max-width:1280px){#footer-bg{display:none}#footer-bg-xl{display:block}#footer-bg-md,#footer-bg-sm,#footer-bg-xs{display:none}}@media screen and (max-width:991px){#footer-bg,#footer-bg-xl{display:none}#footer-bg-md{display:block}#footer-bg-sm,#footer-bg-xs{display:none}}@media screen and (max-width:768px){#footer-bg,#footer-bg-md,#footer-bg-xl{display:none}#footer-bg-sm{display:block}#footer-bg-xs{display:none}}@media screen and (max-width:479px){.footer-wrapper{margin-top:150px}#footer-bg,#footer-bg-md,#footer-bg-sm,#footer-bg-xl{display:none}#footer-bg-xs{display:block;overflow:hidden}.email a,.social-footer .social .intro{font-size:15px}#petal-right-wrraper{position:absolute;bottom:5px;right:5px;height:auto;width:auto}#petal-right{cursor:pointer;height:83px;width:83px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}#petal-right:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@font-face{font-family:CourierNew;src:url(/Color-recognition/static/media/cour_0.d8e98cd2.ttf) format("truetype")}@font-face{font-family:MontserratRegular;src:url(/Color-recognition/static/media/Montserrat-Regular.9c460951.ttf) format("truetype")}@font-face{font-family:MontserratBlack;src:url(/Color-recognition/static/media/Montserrat-Black.6d1796a9.ttf) format("truetype")}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-family:CourierNew,Courier,monospace}.App{text-align:center;margin-top:50px}.container,.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container{max-width:100%}.input-section{background:url(/Color-recognition/static/media/petal.35f9f22f.svg) no-repeat 50% 50%;min-height:700px;max-height:700px}.container-hidden{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:100%;-webkit-transition:height .6s ease-in-out;-o-transition:height .6s ease-in-out;transition:height .6s ease-in-out}.container-visible{position:relative}@media screen and (max-width:479px){.App{margin-top:10px}.container-fluid,.input-section{padding-left:0;padding-right:0}.input-section{background:url(/Color-recognition/static/media/petal.35f9f22f.svg) no-repeat 50% 100%;background-size:cover;min-height:500px;max-height:500px}.color-recognition{background-size:cover}}
/*# sourceMappingURL=main.d2146fc4.css.map*/