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}header{align-items:center;display:flex;justify-content:center}.logo-container img{height:92px;margin:20px 40px;width:92px}.team-container{font-weight:700}.team-container h1{margin:0;padding:0}.container{background-color:#282c34;display:flex;height:100vh}.left{background-color:#000;color:#fff;width:80%}.right{background-color:#282c34;color:#fff;padding:10px;width:20%}.filters{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.filters__buttons{display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;text-align:center}.image-container{margin:0 auto;position:relative;top:-600px;width:900px}.camera-image{position:relative;width:100%}.image-container:before{background-color:#fff;border-radius:50%;content:"";height:20px;left:80px;position:absolute;top:155px;width:20px;z-index:1}.image-container--startRecording:before{animation:recording 1s ease-in-out infinite}.image-container--stopRecording:before{animation:stop-recording 1s ease-in-out}@keyframes recording{0%{background-color:red}50%{background-color:#fff}to{background-color:red}}@keyframes stop-recording{0%{background-color:red}20%{background-color:#fff}40%{background-color:red}60%{background-color:#fff}80%{background-color:red}to{background-color:#fff}}.selectors{justify-content:space-between;position:relative;text-align:center;top:-600px;width:800px}.selectors,.video-example{display:flex;margin:0 auto}.video-example{align-items:center;background-color:#000;justify-content:center}.video-example-vertical{left:30px;overflow:hidden;position:relative;width:300px}.shakeLittle{animation:shakeAnimation 10s;animation-iteration-count:infinite;animation-timing-function:linear}.shakeMedium{animation:shakeAnimation .5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes shakeAnimation{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.camera-container{color:#fff;font-weight:700;height:435px;left:165px;position:absolute;top:160px;width:625px}.camera-actions{cursor:pointer;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:visible;z-index:2}.camera-container .stop-video-btn,.camera-container:hover .stop-video-btn{opacity:0;transition:all .5s ease-in-out;visibility:hidden}.camera-actions img{height:92px;width:92px}.camera__top{display:flex;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.camera__top__battery,.camera__top__card,.camera__top__mode{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;padding:10px}.camera__top__mode img{cursor:pointer;margin-right:10px}.camera__top__card img{transform:rotate(-90deg)}.camera__top__battery img{margin-left:4px;transform:rotate(90deg);width:32px}.camera-bottom{bottom:0;display:flex;justify-content:space-between;left:0;position:absolute;width:100%}.camera__bottom__lens{align-items:center;cursor:pointer;display:flex;padding:30px;position:relative}.camera__bottom__lens span{color:#000;font-size:12px;font-weight:700;z-index:2}.camera__bottom__lens:before{background-color:#fff;height:24px;width:24px;z-index:1}.camera__bottom__lens:after,.camera__bottom__lens:before{border-radius:50%;content:"";display:block;left:50%;margin-right:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.camera__bottom__lens:after{background-color:#00000080;height:48px;width:48px;z-index:0}.camera__bottom__lens--invert{align-items:center;cursor:pointer;display:flex;padding:20px;position:relative}.camera__bottom__lens--invert span{color:#fff;font-size:12px;font-weight:700;z-index:2}.camera__bottom--bigText span{font-size:18px}.camera__bottom__lens--invert:before{background-color:#000c;color:#fff;height:32px;width:32px;z-index:1}.camera__bottom__lens--invert:after,.camera__bottom__lens--invert:before{border-radius:50%;content:"";display:block;left:50%;margin-right:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.camera__bottom__lens--invert:after{background-color:#fff;height:64px;width:64px;z-index:0}.camera__bottom__quality{align-items:center;background-color:#00000080;border-radius:24px;cursor:pointer;display:flex;margin:30px;padding:12px 16px;position:relative}.camera__bottom__quality span{color:#fff;font-size:14px;font-weight:700;z-index:2}.camera__bottom__framing{align-items:center;cursor:pointer;display:flex;padding:30px;position:relative}.camera__bottom__frame span{color:#000;font-size:18px;font-weight:700;position:relative;z-index:2}.camera__bottom__frame:before{align-items:center;background-color:#fff;color:#000;display:flex;font-size:16px;height:18px;justify-content:center;width:24px;z-index:1}.camera__bottom__frame:after,.camera__bottom__frame:before{content:"";left:50%;margin-right:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.camera__bottom__frame:after{background-color:#00000080;border-radius:50%;display:block;height:48px;width:48px;z-index:0}.camera-lens-screen{background-color:#000c;color:#fff;display:flex;font-weight:700;height:435px;justify-content:space-between;left:0;position:absolute;top:-8px;width:630px;z-index:5}.camera-lens-screen--hidden{display:none}.camera-lens-screen .content{padding:20px;text-align:left;width:70%}.camera-lens-screen .content .header{font-size:40px;font-weight:700;margin:0;padding:0 0 4px;text-transform:uppercase}.camera-lens-screen .content .title{color:#00a3f4;font-size:36px;font-weight:700;margin-bottom:30px}.camera-lens-screen .content .description{font-size:24px;font-weight:400;line-height:1.5}.camera-lens-screen .lens{align-items:center;background-color:#555;border-radius:80px;display:flex;flex-direction:column;height:380px;justify-content:space-between;margin:20px 30px;width:64px}.camera-lens-screen .lens img{cursor:pointer;margin:30px 0;width:20%}.photo-wrapper{background-color:#1976d2;padding:0 2rem;text-align:center;width:60%}.polaroid{background:#fff;box-shadow:0 .2rem 1.2rem #0003;padding:0 1rem 1rem}.polaroid>img{height:auto;max-width:100%}.metadata{display:flex;font-size:12px;line-height:1.5;margin:0;padding:0}.metadata>ul{margin-right:50px;padding:0}.item{display:inline-block;filter:grayscale(100%);margin-top:2rem;width:50%}.item .polaroid:before{content:"";position:absolute;transition:all .35s;z-index:-1}.item:nth-of-type(4n+1){transform:scale(.8) rotate(5deg);transition:all .35s}.item:nth-of-type(4n+1) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0006;height:20%;right:12px;transform:rotate(6deg);width:47%}.item:nth-of-type(4n+2){transform:scale(.8) rotate(-5deg);transition:all .35s}.item:nth-of-type(4n+2) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0006;height:20%;left:12px;transform:rotate(-6deg);width:47%}.item:nth-of-type(4n+4){transform:scale(.8) rotate(3deg);transition:all .35s}.item:nth-of-type(4n+4) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0000004d;height:20%;right:12px;transform:rotate(4deg);width:47%}.item:nth-of-type(4n+3){transform:scale(.8) rotate(-3deg);transition:all .35s}.item:nth-of-type(4n+3) .polaroid:before{bottom:30px;box-shadow:0 2.1rem 2rem #0000004d;height:20%;left:12px;transform:rotate(-4deg);width:47%}.item:hover{cursor:pointer;filter:none;transform:scale(1) rotate(0deg)!important;transition:all .35s}.item:hover .polaroid:before{bottom:0;box-shadow:0 1rem 3rem #0003;content:"";height:90%;position:absolute;right:5%;transform:rotate(0deg);transition:all .35s;width:90%;z-index:-1}
/*# sourceMappingURL=main.c67f6751.css.map*/