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;background-color:#111;color:#eee}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-wrapper{max-width:100%;margin-left:auto;margin-right:auto;width:1160px}.header{background-color:#1b1b1b;height:46px;display:flex;align-items:center}.header-wrapper{display:flex;justify-content:space-between;align-items:center;padding:0 30px;max-width:100%;margin-left:auto;margin-right:auto;width:1048px}.header-wrapper div:hover{cursor:pointer}.header-navigation ul{display:flex;align-items:center;list-style:none;gap:30px}.header-navigation ul li:hover{cursor:pointer}.header-wrapper button{background-color:green;padding:6px 26px;border-radius:5px;border:none;color:#fff}.portfolio-header{background-color:#141414;margin:0;padding:0}.portfolio-choosing{width:1200px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-bottom:100px}.portfolio-choosing img{height:200px;width:533px}.portfolio-chosing-label{margin:auto;text-align:center;padding-top:80px}.portfolio-choosing img:hover{outline:1px white solid;cursor:pointer}.portfolio-header-change-layout-button{position:absolute;transform:translate(20px,20px);opacity:.5;transition:all ease .2s}.portfolio-header-change-layout-button:hover{opacity:1;cursor:pointer}.portfolio-header-change-layout-button:hover~.portfolio-header-change-layout-button-label{opacity:1;cursor:pointer;z-index:1}.portfolio-header-change-layout-button:hover,.portfolio-header-change-layout-button-label:hover{opacity:1;cursor:pointer}.portfolio-header-change-layout-button-label{z-index:-1;position:absolute;transform:translate(-14px,52px);color:#ffffffc9;font-size:.9rem;opacity:0;transition:all ease .2s}.portfolio-header-container_layout1{height:500px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.portfolio-user-apresentation_layout1 span{margin-top:6px;margin-bottom:10px;display:block}.portfolio-user-apresentation_layout1 h3{font-size:1.6rem;font-weight:400;margin:10px 0}.portfolio-apresentation-buttons_layout1 button{margin-top:30px;margin-right:10px;font-size:1rem;background-color:transparent;display:inline-block;background-color:#4caf50;border:none;color:#fff;padding:15px 32px;border-radius:8px}.portfolio-apresentation-buttons_layout1 button:nth-child(2){background-color:transparent;border:1px solid white;padding:15px 26px}.editable-title{margin:5px 0}.editable-title{background-color:transparent;color:#fff;border:none;z-index:100;width:100%}.editable-title::placeholder{color:gray}.editable-title:hover{cursor:text}.editable-title input:focus~.edit-tools-title{display:flex}.edit-tools-title{display:none;background-color:gray;border-top:#575757 solid 7px;border-radius:5px;padding:2px;align-items:center;justify-content:space-evenly;flex-wrap:wrap;height:60px;width:190px;position:absolute;transform:translate(380px);z-index:100}.edit-tools-title button{display:flex;align-items:center;justify-content:center;height:26px;width:26px}.edit-tools-title button:hover,input:hover,select:hover{filter:brightness(.95);cursor:pointer}.edit-tools-title:focus-within{display:flex}.edit-tools-title:hover{display:flex}.edit-tools-title-delete-button{color:#2e2e2e;border-radius:3px;background-color:#fd2626de}.edit-tools-title-delete-button:hover~.edit-tools-title-delete-button-tooltip{opacity:1;visibility:inherit}.edit-tools-title-delete-button-tooltip{visibility:hidden;display:inline-block;opacity:0;position:absolute;background-color:#111;text-align:center;border-radius:6px;padding:5px;z-index:1;transform:translate(160px,-14px);transition:all ease .2s;transition-delay:.4s;font-size:.9rem}.edit-tools-title-delete-button:hover,.profile-image:hover{cursor:pointer}.profile-image-container{height:300px;width:300px;align-items:center;justify-content:center;display:flex}.profile-image{height:200px}.edit-tools-profile-image{display:none;background-color:gray;border-top:#575757 solid 7px;border-radius:5px;padding:2px;align-items:center;justify-content:space-evenly;flex-wrap:wrap;height:190px;width:160px;position:fixed;transform:translateY(180px)}.profile-image:focus~.edit-tools-profile-image{display:flex}.edit-tools-profile-image:focus-within{display:flex}.edit-tools-profile-image:hover{display:flex}.portfolio-header_layout2{padding-bottom:100px}.portfolio-header-container_layout2{height:500px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.portfolio-user-apresentation_layout2{display:flex;flex-direction:column;text-align:center}.portfolio-user-apresentation_layout2 span{margin-top:6px;margin-bottom:10px;display:block}.portfolio-user-apresentation_layout2 h3{font-size:1.6rem;font-weight:400;margin:10px 0}.portfolio-apresentation-buttons_layout2 button{margin-top:30px;margin-right:10px;font-size:1rem;background-color:transparent;display:inline-block;background-color:#4caf50;border:none;color:#fff;padding:15px 32px;border-radius:8px}.portfolio-apresentation-buttons_layout2 button:hover{cursor:pointer}.portfolio-apresentation-buttons_layout2 button:nth-child(2){background-color:transparent;border:1px solid white;padding:15px 26px}.portfolio-header_layout3{height:500px;display:flex;align-items:center}.portfolio-header-container_layout3{display:grid;grid-template-columns:3fr 1fr 3fr;grid-template-areas:"Coloumn1 Image Coloumn2";justify-content:space-between;padding:0 10px}.portfolio-user-apresentation_layout3{grid-area:"Coloumn1"}.portfolio-user-apresentation_layout3 span{margin-top:6px;margin-bottom:10px;display:block}.portfolio-user-apresentation_layout3 h3{font-size:1.6rem;font-weight:400;margin:10px 0}.portfolio-apresentation-buttons_layout3 button{margin-top:30px;margin-right:10px;font-size:1rem;background-color:transparent;display:inline-block;background-color:#4caf50;border:none;color:#fff;padding:15px 32px;border-radius:8px}.portfolio-apresentation-buttons_layout3 button:nth-child(2){background-color:transparent;border:1px solid white;padding:15px 26px}.portfolio-user-apresentation2_layout3{margin-Top:30px;font-size:1.1rem;padding-left:30px;grid-Area:Coloumn2}.portfolio-user-apresentation2_layout3 p:empty:focus:before{content:""}.portfolio-user-apresentation2_layout3 p:empty:before{content:"dolor sit amet consectetur, adipisicing elit. Architecto, expedita molestiae. Unde non nihil velit, adipisicing elit. Architecto, expedita molestiae. adipisicing elit. Architecto, expedita molestiae."}.new-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;padding:10px 0;width:100%;transition:all ease .2s;outline:solid 1px transparent}.new-section:hover{outline:solid 1px #1e8fff81}.new-section:hover .section-configuration,.new-section:hover .section-preview-button{opacity:1}.section-preview-button{opacity:0;position:absolute;padding-top:10px;padding-left:10px;left:1px;display:flex;align-items:center;transition:all ease .2s}.section-preview-button input{display:none}.section-preview-button-input:checked~.section-preview-button-icon{opacity:.4;padding-left:4px}.section-preview-button-input:hover~.section-preview-button-label{opacity:1}.section-preview-button-icon{opacity:.3;transition:all ease .2s;cursor:pointer}.section-preview-button-label{opacity:0;color:#b8b8b8;transition:all ease .2s;cursor:pointer}.section-configuration{opacity:0;transition:all ease .4s;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:absolute;padding-top:10px;padding-right:10px;right:1px;overflow:hidden}.options-section-buttons{right:10px;width:134px;height:34px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;border-radius:5px}.section-configuration-button{opacity:.5;border-radius:5px;outline:none;transition:all ease .1s}.section-configuration-button:hover{opacity:1;cursor:pointer}.options-section-buttons-container{transition:all ease .6s;transition-delay:.1s}.section-configuration-blur{height:34px;width:134px;position:absolute;background:#3d3d3dcc;filter:blur(1px);z-index:-1;border-radius:5px}.options-section-buttons *{padding:4px;color:#fff;border-radius:4px;outline:none}.options-section-buttons *:hover{background-color:#ffffff3b;cursor:pointer}.add-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:200px;width:100%;transition:all ease .2s}.add-section-button-label{color:gray;opacity:0;transition:all ease .2s;cursor:pointer}.add-section:hover{background-color:#ffffff03}.add-section:hover .add-section-button-label{opacity:1}.add-section:hover>.add-section-button{cursor:pointer;opacity:1}.add-section-button{opacity:.09;transition:all ease .4s;background-color:transparent}.add-section-button:hover{cursor:pointer;filter:brightness(1.3)}.delete-section-button{position:absolute;right:100px}.add-component-button{opacity:.4;transition:all ease .2s;margin-top:10px}.add-component-button:hover{opacity:1;cursor:pointer}.add-component-button:hover~.add-component-button-label{opacity:1}.add-component-button-label{opacity:0;transition:all ease .2s;color:gray;font-size:.9rem}.options-section-configuration{display:flex;height:120px;width:130px;flex-direction:column;justify-content:space-evenly;align-items:center;gap:4px;background-color:#808080cc;border-radius:4px}.options-section-configuration-background-color{display:flex;flex-direction:column;align-items:center;justify-content:center}.options-section-configuration-background-color div{display:flex;gap:8px;align-items:center}.options-section-configuration-background-color-reset{color:#fff;background-color:#ddd;padding:2px;border-radius:4px}.options-section-configuration-background-color-reset:hover{filter:brightness(.8);cursor:pointer}.add-section-modal-overlay{background-color:#00000038;position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:10000;height:100vh;width:100vw}.add-section-modal{box-shadow:0 0 0 1px #00000026,0 12px 18px 1px #0003;position:relative;margin:auto;background-color:#585858;width:900px;border-radius:4px}.add-section-modal-header{display:flex;flex-direction:row;justify-content:space-between;padding:10px;box-shadow:-1px 7px 13px 5px #00000027}.add-section-modal-header h3{display:flex;flex-direction:row;margin:0;padding-left:4px}.add-section-modal-header-button{outline:#a1a1a1 2px solid;border-radius:4px}.add-section-modal-header-button:hover{cursor:pointer;transition:all ease .3s;background-color:gray}.add-section-modal-new-component{display:flex}.add-section-modal-aside{flex:20%;height:500px;overflow:auto;box-shadow:4px 0 32px -10px #00000065}.add-section-modal-aside div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:90px;background-color:#ececec;color:#000}.add-section-modal-aside div:hover{cursor:pointer;filter:brightness(.9)}.add-section-modal-aside div:focus-within{filter:brightness(.9)}.add-section-modal-content{display:flex;flex:80%;flex-wrap:wrap;overflow-y:auto;overflow-x:auto;height:480px;margin:10px}.add-section-modal-content div,.preview-section-img{background-color:#3a3a3a;display:flex;align-items:center;justify-content:center;margin:8px;height:200px;width:660px;outline:1px solid transparent;transition:all ease .2s}.add-section-modal-content div:hover,.preview-section-img:hover{outline:white 1px solid;cursor:pointer}.project-component_1-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-component_1{display:grid;grid-template-columns:3fr 1fr 3fr;grid-template-areas:"Coloumn1 Space Coloumn2";padding:11px;align-items:center;justify-content:center;border-radius:30px;width:90vw;max-width:1400px}.project-component_1 img{height:420px;margin:auto}.project-component_1 img:hover{cursor:pointer}.project-component_1-description{display:flex;flex-direction:column;align-items:flex-start;padding-left:60px;flex:40%}.project-component_1-description h2{font-size:2rem}.project-component_1-description p{font-size:1.5rem;width:400px;height:100px}.project-component_1-description p:hover{cursor:text}.project-component_1-description p:empty:focus:before{content:""}.project-component_1-description p:empty:before{content:"dolor sit amet consectetur, adipisicing elit. Architecto, expedita molestiae. Unde non nihil velit"}.project-component_1-delete-button{color:#fd2626de;opacity:1;transition:all ease .1s}.project-component_1-delete-button:hover{filter:brightness(.8);cursor:pointer}.project-component_1-edit-window{border-radius:5px;display:flex;gap:5px;align-items:center;left:50%;margin:0 auto;position:absolute;background-color:#545966;padding:3px;z-index:1000}.edit-tools-change-grid-button{background-color:#dcdcdc;border-radius:3px;color:#000;transition:all ease .1s}.edit-tools-change-grid-button:hover{cursor:pointer;filter:brightness(.8)}.project-component_1-config-button{margin-top:-30px;padding:3px;border-radius:4px}.project-component_1-config-button:hover{background-color:#77777770;cursor:pointer}.portfolio-footer{background-color:#0a0a0a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:310px}.portfolio-footer div{display:flex;gap:95px;margin-top:40px}.portfolio-footer hr{width:600px;margin-bottom:20px}.portfolio-footer p{color:gray}.portfolio-footer-icon:hover{cursor:pointer;filter:brightness(1.2)}