body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0f11;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}*{box-sizing:border-box;color:#fff;margin:0;padding:0}.App{align-items:center;background-color:#0c0f11;display:flex;flex-direction:column;height:100%;padding:50px;width:100%}.container{width:65%}.highlight{color:#7f8df1;text-decoration:none}@media (min-width:350px) and (max-width:1000px){.container{width:100%}.App{padding:15px}}@media (min-width:750px) and (max-width:1024px){.container{width:80%}.App{padding:15px}}@media (min-width:810px) and (max-width:1080px){.container{width:80%}.App{padding:15px}}@media (min-width:820px) and (max-width:1180px){.container{width:100%}.App{padding:20px}}.nav{align-items:center;border-bottom:1px solid #747474;display:flex;justify-content:space-between;padding:15px;width:100%}.logo-name{color:#aaa;font-family:Cal Sans,sans-serif;font-size:22px;font-style:normal;font-weight:400;letter-spacing:2px;text-decoration:none;&:hover{color:#7f8df1;cursor:pointer}}.nav ul{display:flex;justify-content:end;list-style:none;margin:0;padding:0;text-decoration:none}.nav ul li{font-size:18px;margin:0 15px}.links{color:#aaa;font-weight:600;text-decoration:none!important;&:hover{color:#7f8df1}}@media (min-width:350px) and (max-width:1000px){.nav{padding:10px}.logo-name{font-size:18px}.nav ul li{font-size:12px;margin:0 5px}}.footer{margin-top:80px;width:100%}.footer-text{color:#b6b6b6;text-align:center}@media (min-width:350px) and (max-width:1000px){.footer{margin-bottom:20px}}@media (min-width:750px) and (max-width:1024px){.footer{margin-bottom:20px}}@media (min-width:810px) and (max-width:1080px){.footer{margin-bottom:20px;padding:0}}.container-about{height:100%;margin:25px auto 0;padding:10px;width:100%}.about{margin-top:50px}.self{font-style:normal;font-weight:600;letter-spacing:1px;margin:15px 0}.about-text,.self{font-family:Poppins,sans-serif}.about-text{color:#b6b6b6;font-size:18px;letter-spacing:2px;line-height:33px;margin:25px 0}.bold{font-weight:400}.more{color:#7f8df1;text-decoration:none}.more:hover{cursor:pointer;text-decoration:underline;text-underline-offset:4px}@media (min-width:350px) and (max-width:1000px){.container-about{margin-top:15px;padding:5px}.about{margin-top:30px}.self{font-size:24px;margin:10px 0}.about-text{font-size:16px;letter-spacing:1.5px;line-height:28px;margin:20px 0}.more{font-size:14px}}.quick-intro-container{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}.self-image{border-radius:50%;height:200px;overflow:hidden;width:200px;img{height:100%;object-fit:cover;width:125%}}.intro-text{width:70%}.quick-intro-name{font-family:Cal Sans,sans-serif;font-size:25px;font-style:normal;font-weight:400;letter-spacing:1.5px;&:hover{color:#7f8df1;cursor:pointer}}.bio{color:#aaa;font-family:Cal Sans,sans-serif;font-size:25px;font-style:normal;letter-spacing:1.5px;line-height:40px}.social-icon{margin-right:10px;position:relative;top:6px;width:25px}.social-links{display:flex;padding:10px 0;a{font-weight:600;margin-right:45px;text-decoration:none;&:hover{color:#7f8df1}}}@media (min-width:350px) and (max-width:1000px){.quick-intro-container{flex-direction:column;margin-top:0!important}.self-image{display:block;height:150px;margin:0 auto;width:150px}.intro-text{margin-top:25px;width:100%}.bio,.quick-intro-name{font-size:20px}.bio{line-height:30px}.social-links{align-items:flex-start;display:flex;flex-direction:column;padding:0}.social-link{margin:5px 0}.social-icon{left:5px;margin-bottom:5px;margin-right:25px;position:relative;top:12px;width:25px}}@media (min-width:750px) and (max-width:1024px){.quick-intro-container{flex-direction:column;margin-top:0!important}.self-image{display:block;height:150px;margin:0 auto;width:150px}.intro-text{margin-top:25px;width:100%}.bio,.quick-intro-name{font-size:20px}.bio{line-height:30px}}@media (min-width:810px) and (max-width:1080px){.quick-intro-container{flex-direction:column;margin-top:0!important}.self-image{display:block;height:150px;margin:0 auto;width:150px}.intro-text{margin-top:25px;width:100%}.bio,.quick-intro-name{font-size:20px}.bio{line-height:30px}}.container-contact{align-items:center;display:flex}.about-contact{width:50%}.contact-form{margin:50px 0;width:50%}.contact-text{color:#b6b6b6;font-family:Poppins,sans-serif;font-size:18px;letter-spacing:2px;line-height:33px;margin:25px 0}.form{margin-top:25px}.form,.form-group{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.form-group{margin:10px 0}label{font-size:18px;margin-bottom:5px;text-align:start;width:80%}input{color:#b6b6b6;font-size:17px;height:35px}input,textarea{background-color:#171b1e;border:none;border-left:4px solid #a2a2a280;outline:none;padding:10px;width:80%}textarea{height:100%;resize:none}.button-submit{background-color:initial;border:1px solid #b6b6b6;border-radius:5px;cursor:pointer;display:block;font-size:16px;margin:25px auto 0;padding:10px 0;transition:.3s,color .3s;width:10%;width:25%}.button-submit:hover{border:1px solid #7f8df1;color:#7f8df1;transition:border .3s,color .3s}@media (min-width:350px) and (max-width:1000px){.container-contact{align-items:flex-start;flex-direction:column;margin-top:80px}.about-contact{width:100%}.contact-form{margin:0;width:100%}.contact-text{font-size:16px;letter-spacing:1.5px;line-height:28px;margin:20px 0}.form-group label,input,textarea{width:90%}.button-submit{width:50%}}.user-manual{margin-top:80px}.swot{display:inline-block;font-size:22px;font-weight:400;&:hover{color:#7f8df1;cursor:pointer}}.swot-content{color:#b6b6b6;font-size:18px;letter-spacing:1.5px;line-height:28px;margin:20px 0}.fq{border-top:1px solid #747474;margin-top:50px;padding-top:40px}.fq-content{background-color:#171b1e;border-left:4px solid #a2a2a280;padding:10px 20px}@media (min-width:350px) and (max-width:1000px){.swot-content{font-size:16px}}.skill{margin-top:80px}.resume-download{color:#7f8df1;font-size:18px;text-decoration:none;&:hover{cursor:pointer;text-decoration:underline;text-underline-offset:4px}}.skill-item{border:1px solid grey;border-radius:10px;display:inline-block;margin:10px;padding:10px;text-align:center;transition:.3s ease-in-out;width:150px;&:hover{background-color:grey;color:#fff;cursor:pointer;transform:scale(1.1);transition:transform .3s ease-in-out}}.skill-image{display:block;height:28px;margin-bottom:10px;margin-left:auto;margin-right:auto;width:28px}.technical:hover{color:#7f8df1;cursor:pointer}@media (min-width:350px) and (max-width:1000px){.skill{margin-top:80px}.skills-list{margin:0 auto}.skill-item{margin:8px;padding:8px;width:120px}.skill-image{height:24px;width:24px}.resume-download{font-size:16px}}
/*# sourceMappingURL=main.9cf899e0.css.map*/