a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}

/*!*----styles----*!*/body{padding:0;margin:0;font-family:"Montserrat",sans-serif;background:#000;overflow-x:hidden;color:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}input:focus{outline:none}.spinner-container{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:500}.top-section-wrapper{height:100vh;overflow:hidden}.top-section{max-width:800px;height:100vh;margin:0 auto;padding:220px 0 120px;box-sizing:border-box}.top-section h1{font-weight:100;font-size:72px;line-height:90px}.top-section-span-animate-wrapper{display:block;overflow:hidden}.top-section-span{display:block;-webkit-animation:titleAnimate;animation:titleAnimate}.works{display:flex;flex-wrap:wrap;width:100%;max-width:1280px;margin:0 auto;padding:0 10vw;box-sizing:border-box}@-webkit-keyframes titleAnimate{0%{transform:translateY(150%)}to{transform:translateY(0)}}@keyframes titleAnimate{0%{transform:translateY(150%)}to{transform:translateY(0)}}@media (max-width:800px){.top-section{padding:220px 50px 120px}.top-section h1{font-size:62px;line-height:74px}}@media (max-width:500px){.top-section-wrapper{height:auto}.top-section{height:70vh;display:flex;align-items:center;padding:80px 25px 60px}.top-section-span{font-size:32px;line-height:1.4}.works{flex-direction:column;padding:0 25px}}.preview-img-wrapper{position:relative;margin-bottom:100px;overflow:hidden}.add-project{position:relative;display:flex;justify-content:center;align-items:center;height:100%;min-height:80vh;background:hsla(0,0%,100%,.05);overflow:hidden;transition:.3s;cursor:pointer}.add-project:hover{background:hsla(0,0%,100%,.08)}.add-project:hover .add-project-plus-icon{width:20%}.add-project-plus-icon{width:10%;transition:.15s ease-out}.preview-img-actions-container{position:absolute;bottom:0;width:100%;transform:translateY(100%);transition:.3s ease-out;z-index:100}.preview-img-wrapper:hover .preview-img-actions-container{transform:translateY(0)}.preview-actions-container{display:flex;width:100%;overflow:hidden;border-top-left-radius:7px;border-top-right-radius:7px;box-shadow:0 -1px 15px 0 rgba(0,0,0,.7);z-index:100}.preview-action{flex-basis:50%;padding:10px 0;background:rgba(0,0,0,.8);color:#c9c9c9;text-align:center;font-weight:500;font-size:12px;text-transform:uppercase;cursor:pointer}.bg-avatar-container{height:80vh;max-height:500px;overflow:hidden;cursor:pointer}.custom-class{height:100%;margin:0}.parallax-inner{height:100%}.bg-avatar{width:100%;height:120%;position:relative;background-position:50%;background-size:cover}.header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:50px;box-sizing:border-box;transition:.3s;z-index:150}.header-logo{position:relative;font-size:24px;-webkit-animation-duration:.6s;animation-duration:.6s;z-index:200;cursor:pointer}.header-links{display:flex;justify-content:flex-end;font-size:16px}.header-link-item{margin-left:10px;transition:.25s ease-out}.header-link-item img{width:20px}.header-link-item:hover{transform:scale(.9)}.back-btn{position:absolute;display:flex;justify-content:flex-start;align-items:center;width:50px;height:50px;font-size:24px;-webkit-animation-duration:.6s;animation-duration:.6s;cursor:pointer;z-index:200}.back-btn img{width:60%}@media (max-width:500px){.header{padding:30px 25px;box-sizing:border-box}}.column:nth-child(2n){margin-top:25vh}.column{position:relative;flex-basis:50%;padding:0 5%;box-sizing:border-box}.project-actions-container{position:absolute;bottom:0;width:100%;transform:translateY(100%);transition:.3s ease-out}.parallax-container{position:relative;overflow:hidden}.parallax-container:hover .project-actions-container{transform:translateY(0)}.work-name-container{display:flex;align-items:center;padding-top:60px}.work-name-title{padding-right:20px;white-space:nowrap;opacity:.7;font-size:11px;text-transform:uppercase}.work-name-line{height:1px;background:hsla(0,0%,100%,.3);width:35%}.work-description{margin-top:30px;margin-bottom:30px;max-width:300px;font-size:18px;line-height:1.6;font-weight:400}.actions-wrapper{position:absolute;top:20px;right:20px;display:flex;flex-direction:column}.action-item{display:flex;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:10px;background:#fff;color:#000;border-radius:35px;z-index:100;cursor:pointer}.change-preview-input{display:none}.remove-project img{width:15px}@media (max-width:500px){.column:nth-child(2n){margin-top:0}.column{width:100%;padding:0;margin-bottom:100px}}.project-info-website-link:hover{opacity:1}.project-item-image img{width:100%}.project-item-image{position:relative;margin:50px 0}.project-feedback-container{padding:100px 50px}.project-feedback-wrapper{position:relative}.project-feedback-title{margin-bottom:15px;font-size:20pt;font-weight:400}.project-feedback{margin-bottom:15px;font-size:16pt;font-weight:300}.project-feedback-author{font-size:16pt;text-align:right;font-weight:300}.project-feedback-quote{position:absolute;font-weight:700;font-size:150px;transform:translate(-50%,-50%);opacity:.1}.fadeIn{-webkit-animation:animateImagesOfProject ease-out;animation:animateImagesOfProject ease-out}@-webkit-keyframes animateImagesOfProject{0%{opacity:0}to{opacity:1}}@keyframes animateImagesOfProject{0%{opacity:0}to{opacity:1}}.project-info{padding:100px 50px;box-sizing:border-box}.project-info-name{position:relative;margin-bottom:20px;font-size:33pt;font-weight:500}.project-info-slogan{margin-bottom:20px;font-size:20pt;font-weight:400}.project-info-description{margin-bottom:20px;font-size:16pt;font-weight:300;line-height:1.3}.project-info-website-link{opacity:.5;transition:.4s;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.8)}.modal{width:30%;padding:20px;background:#fff;border-radius:2px}.modal:focus{outline:none}.item-wrapper{position:relative}.edit-icon{position:absolute;display:flex;justify-content:center;align-items:center;width:20px;height:20px;background:#fff;border-radius:20px;transform:translate(-80%,-80%) scale(0);transition:.2s ease-out;cursor:pointer}.item-wrapper:hover .edit-icon{transform:translate(-80%,-80%) scale(1)}.edit-icon img{width:10px}.modal-input{display:block;width:100%;margin-bottom:15px;padding:10px 0;font-size:18px;background:none;border:none;border-bottom:1px solid grey;box-sizing:border-box}.modal-actions-container{display:flex;justify-content:space-between}.modal-action{flex-basis:48%;padding:10px 0;font-size:14px;background:#aa01ff;color:#fff;border:none;cursor:pointer}.form-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.form{width:25vw}.form-group{display:block;margin-bottom:5px}.form-control{display:block;width:100%;margin-bottom:10px;padding:10px 0;background:none;color:#fff;border:none;border-bottom:1px solid #fff;box-sizing:border-box}.form-group-error{min-height:20px;font-size:16px;color:tomato;transition:.3s}.form-control[placeholder]{color:#fff}.form-control:focus{outline:none}.form-button-submit{display:block;width:100%;padding:15px;background:#6495ed;color:#fff;font-size:16px;font-weight:500;border:none;border-radius:10px;cursor:pointer}.form-button-submit:disabled{opacity:.5}.page-container{position:relative}.input-file{display:none}.panel-control{position:fixed;left:0;bottom:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 30px;background:#000;border-top:2px solid grey;transform:translateY(100%);box-sizing:border-box;transition:.3s ease-out;z-index:1}.panel-control-show-icon{position:absolute;left:50%;top:0;width:20px;height:20px;margin-top:-1px;background:#000;border:2px solid grey;border-right:none;border-bottom:none;border-top-left-radius:5px;transform:translate(-50%,-50%) rotate(45deg);box-sizing:border-box;cursor:pointer;z-index:2}.panel-control:hover{transform:translateY(0)}.project-feedback-info-wrapper{display:flex;flex-direction:column}.project-feedback-info-wrapper>div:nth-child(2){align-self:flex-end}.panel-control-color-container{display:flex;flex-basis:40%;align-items:center}.panel-control-color-item{margin-right:20px}.preview-container{display:flex;justify-content:flex-end;flex-basis:40%;align-items:center}.preview-container input{margin-left:15px}.save-button-container{flex:1 1;display:flex;justify-content:center;align-items:center}.save-button{padding:10px 30px;background:#7299ff;color:#fff;font-weight:700;border:none;border-radius:2px;cursor:pointer}.image-wrapper{position:relative}.image-wrapper img{width:100%}.top-section-avatar{width:100vw;height:100vh;background-size:cover;background-position:50%}.actions-container{position:absolute;right:30px;top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.actions-container-item{display:flex;justify-content:center;align-content:center;width:50px;height:50px;background:hsla(0,0%,100%,.8);border-radius:50px;box-shadow:0 0 10px 0 rgba(0,0,0,.3);transition:.3s ease-out;cursor:pointer}.actions-container img{width:22px}.top-section-choose-image{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.top-section-choose-image img{width:10%;cursor:pointer}.presentation-images-add{display:flex;justify-content:center;align-items:center;width:100%;height:50px}.presentation-images-add img{height:80%;cursor:pointer}.presentation-images-add input{display:none}.images-list-img{width:100%}.action-remove-container{position:absolute;top:30px;right:30px;display:flex;justify-content:center;align-content:center;width:50px;height:50px;border-radius:50px;background:#fff;cursor:pointer}.action-remove-container img{width:50%}.color-wrapper{display:flex;align-items:center}.color-title{margin-right:5px;color:#fff;font-size:12px}.color-block{position:relative;width:20px;height:20px;border:1px solid #fff;border-radius:2px;cursor:pointer}.color-picker-wrapper{position:absolute;left:50%;transform:translate(-50%,-100%)}
/*# sourceMappingURL=main.d2686f9d.chunk.css.map */