@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{font-family:"Montserrat",sans-serif;color:#fff;font-weight:300}h1,h2{color:#000}h3{margin-top:-2.7rem}h3,h5{margin-left:-6rem;color:#fff}h5{margin-top:-.4rem}*,.divide1,.divide2{box-sizing:border-box}.divide1,.divide2{float:left;width:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.divide2{float:right}button{background-color:#000;border-radius:10px;margin-left:.2rem}.wrapImage1,.wrapImage2{border-radius:40px;height:340px;width:305px;z-index:1;margin-top:5rem;background-color:#25274d;margin-left:15rem;margin-bottom:2rem}.wrapImage1:hover,.wrapImage2:hover{height:360px;width:343px}.wrapImage2{background-color:#254d37}.container{margin-top:70px}img{height:100%}.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}.box1:after,.box1:before{content:""}.box{overflow:hidden}.box1 .title{letter-spacing:1px}.box1,.box2,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box20,.box21{overflow:hidden}body{background-color:#f1f1f2}.mt-40{margin-top:40px}.box1 .icon,.box1 .title{margin:0;position:absolute}.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative;border-radius:40px;height:250px;width:320px;margin-top:-3.5rem}.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.box1:after{top:auto;bottom:0;-webkit-transform-origin:0 100%;transform-origin:0 100%}.box1:hover:after,.box1:hover:before{-webkit-transform:rotate(0);transform:rotate(0)}.box1 img{height:100%;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}.box1:hover img{-webkit-filter:sepia(80%);filter:sepia(80%);-webkit-transform:scale(1.3) rotate(10deg);transform:scale(1.3) rotate(10deg)}.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;-webkit-transform:scale(0);transform:scale(0);transition:all .5s ease .2s}.box1:hover .title{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.box1 .icon{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:60px;padding:7px 5px;list-style:none;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s;color:#fff}.box1:hover .icon{top:0}.box1 .icon li{display:block;margin:10px 0}.box1 .icon li a{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#000;transition:all .3s ease 0s;margin-right:.8rem}.box1 .icon li button:hover{color:#fff;box-shadow:inset 0 0 10px #000,0 0 0 3px #fff}.more{display:-webkit-flex;display:flex;float:right;margin-top:-4rem;margin-right:1.5rem}.profile1,.profile2{width:45px;height:45px;margin-left:-17.5rem;margin-top:.5rem;border:5px solid #25274d;border-radius:10px}.profile2{border:5px solid #254d37}@media only screen and (max-width:1200px){.wrapImage1,.wrapImage2{margin-left:10rem}}@media only screen and (max-width:1000px){.wrapImage1,.wrapImage2{margin-left:6.5rem}}@media only screen and (max-width:900px){.wrapImage1,.wrapImage2{margin-left:2rem}}@media only screen and (max-width:899px){.divide1,.divide2{-webkit-flex-direction:column;flex-direction:column;float:left;width:auto}.wrapImage1,.wrapImage2{margin-left:10rem}}@media only screen and (max-width:600px){.divide1,.divide2{-webkit-flex-direction:column;flex-direction:column;float:left;width:auto}.wrapImage1,.wrapImage2{margin-left:7.5rem;margin-right:1rem}}@media only screen and (max-width:450px){.divide1,.divide2{-webkit-flex-direction:column;flex-direction:column;float:left;width:auto}.wrapImage1,.wrapImage2{margin-left:2rem}}@media (min-width:300px) and (max-width:400px){.divide1,.divide2{-webkit-flex-direction:column;flex-direction:column;float:left;width:auto}.wrapImage1,.wrapImage2{margin-left:1rem}}
/*# sourceMappingURL=main.636c097a.chunk.css.map */