*{margin:0;padding:0;box-sizing:border-box}#app_scope{display:flex;flex-direction:column;align-items:center;height:360vh;background-color:#00050b}header{width:100%;height:3.3%;display:flex;align-items:center;padding:0 2%;color:#fff;background-color:#00090f;border-bottom:1px solid #00141f}#introduction{width:90%;height:9.9%;display:flex;margin:5% 0;color:#fff}#main_left_content{width:55%;height:100%;display:flex;flex-direction:column;padding:2% 0;gap:5%;font-family:sans-serif;font-size:16pt}#main_buttons{width:100%;height:20%;margin-top:2%;display:flex;gap:2%}.button{width:20%;height:100%;border:1px solid #196669;background-color:transparent;border-radius:5px;color:#fff;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#0f4c4c;cursor:pointer}#ver_projetos{background-color:#196669}#ver_projetos:hover{background-color:#0f4c4c}#main_left_content p{font-size:12pt;color:#aaa}#main_right_content{width:45%;height:100%;display:flex;flex-direction:column;align-items:center}#profile_image{width:60%;height:80%;background-color:#00090f;border-radius:5%}#profile_img{width:100%;height:100%;object-fit:cover}#projects{width:90%;height:39.6%;display:flex;flex-direction:column;color:#fff;gap:5%;font-family:sans-serif;font-size:11pt}#projects_content{width:100%;height:80%;display:flex;gap:2%}.project_column{width:32%;height:100%;display:flex;flex-direction:column;gap:2%}.project_card{width:100%;height:48%;background-color:#080e13;border-radius:5px}.project_image{width:100%;height:50%;border-top-left-radius:5px;border-top-right-radius:5px;padding:5%}.project_img{width:100%;height:100%;object-fit:cover}.project_info{width:100%;height:35%;display:flex;flex-direction:column;padding:2%;gap:5%}.project_technologies{font-size:10pt;color:#aaa}.project_buttons{width:100%;height:10%;display:flex;gap:2%;padding:0 2%}.button_project_button:hover,.button_project_button_demo:hover{background-color:#196669}.button_project_button{width:25%;height:100%;border:1px solid #196669;background-color:transparent;border-radius:5px;color:#fff;cursor:pointer;transition:background-color .3s ease}.button_project_button_demo{width:35%;height:100%;border:1px solid #196669;background-color:transparent;border-radius:5px;color:#fff;cursor:pointer;transition:background-color .3s ease}#about{width:90%;height:33%;display:flex;gap:5%}#about-me{width:45%;height:80%;display:flex;flex-direction:column;gap:2.5%;font-family:sans-serif;font-size:12pt;color:#fff}#about-journey{width:45%;height:90%;padding:0 5%;display:flex}#about-journey-exp-scope{width:100%;height:100%;display:flex;flex-direction:column;font-family:sans-serif;justify-content:space-between}#about-journey-exp-scope h2{margin-bottom:20px}#about-journey-exp-scope li{margin-bottom:5px;border-bottom:1px solid #0f4c4c}.about-journey-exp{width:100%;color:#fff;text-indent:2.5%;font-size:9pt}footer{width:100%;height:10%;border-top:1px solid #196669;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;font-family:sans-serif;font-size:11pt}#footer_buttons{margin-top:2.5%;width:20%;height:15%;display:flex;justify-content:space-between}.button_footer{width:30%;height:100%;border:1px solid #196669;background-color:transparent;border-radius:5px;color:#fff;cursor:pointer;transition:background-color .3s ease}