@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Concert+One&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-x:hidden;scroll-behavior:smooth}ul{list-style-type:none}a{text-decoration:none}button:disabled{cursor:not-allowed}.header{background-color:#1c1c1c;height:90px;left:0;overflow:hidden;position:fixed;top:0;transition:.3s ease-in;width:100%;z-index:1}.navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1240px;padding:0 1rem}.navbar .title{color:#fff;font-family:Concert One,sans-serif;font-size:40px;font-style:normal;font-weight:400}.nav-menu{display:flex}.nav-item{font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-size:20px;font-style:normal;font-weight:500;padding:1rem}.nav-item a:hover{border-bottom:3px solid var(--secondary-color);padding-bottom:12px}.hamburger{display:none}.nav-menu a{color:#fff}@media screen and (max-width:680px){.header{background-color:#000000e6}.header,.navbar{max-width:100%}.hamburger{display:block}.nav-menu{background-color:#000000e6;flex-direction:column;height:90vh;left:-100%;position:fixed;text-align:center;top:90px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item{font-size:30px;margin:30px 0 1.5rem}}.about{align-items:center;display:flex;justify-content:center}.container{background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;height:55%;margin-top:140px;padding:20px;text-align:center;width:80%}.button-container{display:flex;gap:15%;justify-content:center;margin-bottom:20px;padding:10px}.m1,.m2,.m3{height:auto;margin-left:10px;margin-right:10px;width:30px}.button{align-items:center;background:#f7bf9a;border:none;border-radius:15px;cursor:pointer;display:flex;flex:.3 1;font-family:Exo\ 2,sans-serif;font-size:15px;font-size:18px;font-style:normal;font-weight:700;height:45px;justify-content:space-evenly;margin:5px;padding-right:10px;transform:scale(1.2)}.button:hover{background:linear-gradient(45deg,#3a1c71,#d76d77,#ffaf7b)}.content-container{display:flex;justify-content:space-evenly}.image{border-radius:15px;height:auto;margin-top:10%;object-fit:cover;width:65%}.image-container{display:flex;flex:1 1;justify-content:center}.text-container{flex:1 1;margin-bottom:20px;margin-right:10px;margin-top:50px}.text-container .title{color:#fff;font-family:Concert One,sans-serif;font-size:50px;font-style:normal;font-weight:400}.text-container p{color:#fff;font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-size:18px;font-style:normal;font-weight:500;line-height:25px;margin-bottom:20px;margin-top:30px}.text-container .text-contact{margin-bottom:-25px}@media only screen and (max-width:1100px){.image-container{display:none}.text-container p{margin-right:10px}}@media only screen and (max-width:800px){.button-text{display:none}.m1,.m2,.m3{justify-content:center;margin-left:10px;margin-right:0}}.resume{box-sizing:border-box;display:flex;justify-content:space-evenly;padding:50px}@keyframes gradientAnimation{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.education{color:#dbdbdb;display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin-left:0;margin-top:50px}.education .education-title{font-family:Concert One,sans-serif;font-size:35px;font-style:normal;font-weight:400;margin-bottom:20px;margin-top:4px;text-align:center}.text-container{display:flex;flex-direction:column}.education-item{align-items:flex-start;display:flex;flex:.5 1;margin-top:50px}.college-logo{height:auto;margin-right:20px;margin-top:10px;width:190px}.degree-container{display:flex;gap:30%;justify-content:start}.coursework{margin-top:40px}.coursework h4{font-size:20px;font-weight:400}.coursework ul{line-height:30px;margin-left:40px;margin-top:10px}.coursework-list{list-style-type:disc}.highschool{display:flex;margin-top:250px}.highschool-logo{height:auto;margin-left:15px;margin-right:50px;margin-top:10px;width:135px}.skills{align-items:center;color:#dbdbdb;display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin-top:50px}.skills .skills-title{font-family:Concert One,sans-serif;font-size:35px;font-style:normal;font-weight:400;text-align:center}.language-container{align-items:center;background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:10%;max-width:1280px;text-align:center;width:95%}.language-container h1{padding:15px 0}.language-box{animation:gradientAnimation 5s linear infinite;background:linear-gradient(90deg,#a3d3ca,#36abda);background-size:200% 200%}.framework-container{align-items:center;background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:10%;max-width:1280px;text-align:center;width:95%}.framework-container h1{padding:15px 0}.framework-box{animation:gradientAnimation 5s linear infinite;background:linear-gradient(90deg,#8e33dd,#c281bd);background-size:200% 200%}.software-container{align-items:center;background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:10%;max-width:1280px;text-align:center;width:95%}.software-container h1{padding:15px 0}.software-box{animation:gradientAnimation 5s linear infinite;background:linear-gradient(90deg,#ff6e7f,#bfe9ff);background-size:200% 200%}.database-container{align-items:center;background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:10%;max-width:1280px;text-align:center;width:95%}.database-container h1{padding:15px 0}.database-box{animation:gradientAnimation 5s linear infinite;background:linear-gradient(90deg,#eb5050,#ddff6e);background-size:200% 200%}.certifications-container{align-items:center;background-color:#5d5d5d;border:none;border-radius:25px;display:flex;flex-direction:column;margin-top:10%;max-width:1280px;text-align:center;width:95%}.certifications-container h1{padding:15px 0}.certification-box{animation:gradientAnimation 5s linear infinite;background:linear-gradient(90deg,#50e1eb,#f654aa);background-size:200% 200%;width:100%}.row{align-items:center;display:flex;flex-direction:row;min-width:100%}.skill-box{width:50%}.full-skill-box,.skill-box{border:none;border-radius:25px;display:flex;height:50px;justify-content:space-evenly;margin:8px;text-align:center}.img-container{flex:0 0 30%}.full-img-container,.img-container{display:flex;justify-content:flex-start;margin:5px 0 5px 10px}.full-img-container{flex:0 0 15%}.title-container{align-items:center;color:#000;display:flex;flex:0 0 70%;font-weight:700;justify-content:flex-start;margin-left:2px}.left{margin-left:15px}.right{margin-right:15px}.bottom{margin-bottom:7%}.hidden{visibility:hidden}.logo{align-self:center;display:flex;height:auto;width:30px}.javascript-title,.typescript-title{font-size:15px}.websockets-title{font-size:14px}.androidStudio-title{display:flex;text-align:start}.sonarqube-title{font-size:15px}.sqlserver-title{font-size:15px;text-align:start}.atnt-img{align-self:center;justify-self:center}@media only screen and (max-width:1120px){.education{margin-left:0}.college{margin-top:20px}.javascript-title,.typescript-title{font-size:13px}.websockets-title{font-size:12px}.bootstrap-title{font-size:14px}.sonarqube-title{font-size:12px}.androidStudio-title,.postman-title{font-size:14px}.sqlserver-title{font-size:13px}.mongodb-title{font-size:14px}}@media only screen and (max-width:1000px){.resume{flex-direction:column}.education .education-title{font-size:45px}.highschool{margin-top:20px}.skills .skills-title{font-size:45px}.logo-title{font-size:18px}}@media only screen and (max-width:700px){.education-item{flex-direction:column}.college .college-logo{margin-bottom:-30px}.highschool .highschool-logo{margin-top:30px}.logo-title{font-size:14px}.javascript-title,.typescript-title{font-size:12px}.websockets-title{font-size:10px}.bootstrap-title,.express-title{font-size:13px}.sonarqube-title{font-size:11px}.sqlserver-title{font-size:12px}.mongodb-title{font-size:13px}}.timeline-container{font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin-top:40px}.timeline-title{color:#dbdbdb;text-align:center}.time-title{font-family:Concert One,sans-serif;font-size:40px;font-style:normal;font-weight:400;margin:0 30px}.timeline{margin:0 auto;max-width:900px;position:relative}.timeline:before{background:linear-gradient(0deg,#ff6e7f,#7ac0e6);border-radius:10px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:10px;z-index:0}.timeline-circle{background:radial-gradient(circle,#6a0dad 0,#8e2de2 50%,#2a2a2a 100%);border:none;border-radius:50%;height:40px;left:-10%;position:absolute;top:35px;width:40px}.c2,.c4{left:100%}.timeline-item{align-items:center;display:flex;margin-top:50px;padding:20px;position:relative;width:50%}.timeline-item:nth-child(2n){left:0;margin-left:-20px}.timeline-item:nth-child(odd){left:50%;margin-left:20px}.timeline-content{background-color:#5d5d5d;border-radius:8px;padding:20px;position:relative}.timeline-item:nth-child(odd) .timeline-date{background:linear-gradient(to top left,#f08080,#fafad2);border-radius:8px;font-weight:900;margin-bottom:20px;padding:6px 10px;width:fit-content}.timeline-item:nth-child(2n) .timeline-date{background:linear-gradient(to bottom right,#41ebdd,#fafad2);border-radius:8px;float:right;font-weight:700;font-weight:900;left:100%;margin-bottom:20px;padding:6px 10px;text-align:right}.timeline-item:nth-child(odd) .timeline-title{text-align:left}.timeline-item:nth-child(2n) .timeline-title{margin-top:60px;text-align:right}.timeline-item:nth-child(odd) .timeline-position{color:#fff;font-weight:400;text-align:left}.timeline-item:nth-child(2n) .timeline-position{color:#fff;font-weight:400;text-align:right}.timeline-description{color:#fff;list-style-type:disc;margin-left:20px;margin-top:20px;text-align:left}.timeline-description li{margin-bottom:15px}@media only screen and (max-width:850px){.timeline:before{left:20%}.timeline-circle{left:-10%}.timeline-item:nth-child(2n),.timeline-item:nth-child(odd){left:24%;margin-left:0;width:70%}.timeline-item:nth-child(2n) .timeline-date{float:left}.timeline-item:nth-child(2n) .timeline-position,.timeline-item:nth-child(2n) .timeline-title{text-align:left}}@media only screen and (max-width:600px){.timeline-circle{left:-10%;left:-12%}}.portfolio{box-sizing:border-box;display:flex;flex-direction:column;gap:5%;height:auto;justify-content:space-evenly;padding-top:80px}.portfolio-title{color:#fff;font-family:Concert One,sans-serif;font-size:45px;font-style:normal;font-weight:400;text-align:center}.project-image{flex:.5 1}.project-image,.rows{display:flex;justify-content:center}.rows{flex-direction:row;flex-wrap:wrap;margin-bottom:50px;margin-top:50px}.project{background-color:#5d5d5d;border-radius:25px;display:flex;flex:0 0 40%;flex-direction:column;margin-bottom:60px;margin-left:30px;margin-right:30px}.img{border:none;border-radius:10px;height:300px;margin-top:30px;object-fit:cover;width:95%}.project-content .project-title{color:#000;color:#e7e5e5;display:flex;flex:.2 1;font-family:Concert One,sans-serif;font-size:35px;font-style:normal;font-weight:400;justify-content:center;margin-top:20px;text-align:center}.project-content .project-description{color:#e7e5e5;display:flex;flex:.2 1;font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;justify-content:flex-start;line-height:23px;margin-top:10px;padding-left:40px;padding-right:40px}.project-content{display:flex;flex-direction:column;height:100%}.project-buttons{display:flex;justify-content:space-evenly;margin-top:30px}.github-link,.project-link{border:none;border-radius:5px;cursor:pointer;font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;font-size:20px;font-style:normal;font-weight:500;height:50px;width:150px;z-index:0}.project-link{background-image:linear-gradient(90deg,#eb3349 0,#f45c43 51%,#eb3349);background-size:200% auto;color:#fff;transition:.5s}.project-link:hover{background-position:100%}.github-link{background-image:linear-gradient(90deg,#485563 0,#29323c 51%,#485563);background-size:200% auto;color:#fff;transition:.5s}.github-link:hover{background-position:100%;border:none}.button-1,.button-2,.button-3,.button-4{padding-bottom:30px}@media only screen and (max-width:1300px){.img{height:200px}}@media only screen and (max-width:1000px){.rows{flex-direction:column;margin-top:50px}.project,.rows{align-items:center;justify-content:center}.img{height:auto;object-fit:fill}.project-buttons{flex-direction:column}.project-link{margin-bottom:20px}}
/*# sourceMappingURL=main.127d4bdf.css.map*/