:root{--black:#2b2d42;--grey:#8d99ae;--white:#edf2f4;--light-red:#23bfef;--dark-red:#d90429;--project-button:#456990;--project-headline:#2a4158;--orange-download-orange:#fca311;--image-background:#d6dee2;--purple-button:#7209b7;--blue-button:#4361ee}body,html{background-color:#909cb0;margin:0;padding:0;width:100%}body{font-family:Helvetica Neue,sans-serif}h1{color:#2b2d42;color:var(--black)}.header-title{width:15rem}.logo{float:left;line-height:60px;margin:16px}.home{align-items:center;background:url(/static/media/pattern.4b527a237bdc6a78434c.svg) no-repeat 50%;background-size:cover;display:flex;height:100vh;justify-content:center}nav{position:fixed;width:100%}nav,nav ul{line-height:60px}nav ul{list-style:none;margin:0;padding:0;text-align:right;transition:1s}nav ul li{display:inline-block;padding:16px 40px}nav ul li a{color:#456990;color:var(--project-button);font-weight:600;text-decoration:none}.social-icons{align-items:center;-webkit-animation:social-icons-swing .5s linear;animation:social-icons-swing .5s linear;display:flex}.linux-image{height:auto;width:48px}.download-button{background-color:#fca311;background-color:var(--orange-download-orange)}.download-button:hover{background-color:#2a4158!important;transition:.7s ease}.content{display:flex;flex-direction:column;font-size:20px;height:100vh;text-align:justify}.title-name{color:#8d99ae;color:var(--grey)}.catch-phrase{color:#2b2d42;color:var(--black);font-size:xx-large}.orange-cursor{color:orange}.titles h1{font-size:100px}.title-name{font-size:75px}.homepage-icon{width:48px}.orange-dot{color:orange}.homepage-img{border-radius:50%;margin-right:0;width:25rem}.main-home{align-items:center;align-items:flex-end;display:flex;justify-content:center;margin-bottom:16rem}.about-content{align-items:center;display:flex;flex-direction:column;text-align:center}.about-content h1{color:#2b2d42;color:var(--black)}.about-paragraph-container{width:65%}.about{background-color:#edf2f4;background-color:var(--white);display:flex;padding-top:1rem}.education-container{align-items:center;display:flex;justify-content:center}.certificates,.education{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px auto;max-width:800px;padding:20px}.certificates h3,.education h3{color:#333;font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.certificates-container,.education-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.08);display:flex;gap:20px;margin-bottom:15px;padding:15px}.aws-logo,.bcit-logo{border-radius:5px;height:auto;object-fit:contain;width:80px}.bcit-info,.cert-info{display:flex;flex-direction:column}.bcit-info h4,.cert-info h4{color:#444;font-size:22px;font-weight:500;margin-bottom:5px}.bcit-title{color:#666;font-size:18px;font-weight:400}.cert-button{margin-top:10px}.cert-button a{background-color:#0073e6;border-radius:5px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 15px;text-decoration:none;transition:background-color .3s}.cert-button a:hover{background-color:#005bb5}.projects-content{text-align:center}.technical-skills-title{margin-top:10rem}.contact-container{display:flex;height:100vh;justify-content:center;margin-bottom:20px;margin-top:3rem}.about-paragraph{color:#8d99ae;color:var(--grey)}.title{color:#2b2d42;color:var(--black)}.contact-message,.title-contact{display:flex;justify-content:center}.contact{height:100vh}.title-contact{color:#2b2d42;color:var(--black)}.contact-button{background-color:var(--navy);border:none}.timeline img{border:0;border-color:#5f5e5e;width:50vh}input{font-size:10px;margin-bottom:30px}input,textarea{background-color:#fff;border-color:#000;border-radius:10px;margin-left:12%;padding:16px;width:70%}textarea{font-size:20px;margin-bottom:25px}input:focus-within{border:3px width;outline:none}textarea:focus-within{border:3px width;outline:none}.contact-form-button{background-color:#5bd183;border:none;border-radius:10px;display:flex;font-size:22px;margin:auto;padding:10px 18px;text-align:center}button:hover{cursor:pointer}.dvs-header__trigger{display:none}.skills{display:flex;flex-direction:row}.skills div{margin:10px}.helm-svg{width:50px}.projects{background:url(/static/media/pattern-background.99aa0ec7e9a1bcaa2491.svg) no-repeat 50%;background-size:cover;padding-top:1rem}.project-container{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:space-evenly;margin-top:3rem}.project{margin:15px 15px 25rem}.project-headline{color:#2a4158;color:var(--project-headline)}.project-image{display:flex;flex-direction:row;justify-content:center}.project-powered-by{border-left:10px solid #fca311;border-left:10px solid var(--orange-download-orange);display:flex;flex-direction:column;justify-content:flex-start;margin-left:50px;max-width:30rem;padding-left:20px;text-align:left}.project-image img{height:auto;max-width:100%;width:40rem}.project-image p{color:#2a4158;color:var(--project-headline);font-size:large;font-weight:500}.tech-stack{align-items:center;display:flex}.tech-stack img{width:40px}.project-source-live-buttons button{width:10rem}.view-sourcecode-button{background-color:#2a4158;background-color:var(--project-headline);background-color:#4361ee;background-color:var(--blue-button);border:none;border-radius:5px;color:#edf2f4;color:var(--white);font-weight:500;height:2.5rem;margin-top:20px;width:5rem}.view-sourcecode-button a{text-decoration:none}.view-live-button{background-color:#7209b7;background-color:var(--purple-button);border:none;border-radius:5px;color:#edf2f4;color:var(--white);font-weight:500;height:2.5rem;margin-right:10px;margin-top:20px;width:5rem}.view-live-button a{text-decoration:none}@media (max-width:800px){.dvs-header__menuItems{display:none}.burger-stack{margin-right:20px;width:2rem}.dvs-header__menuItems.is-open{align-items:last baseline;display:flex;flex-direction:column;justify-content:space-between;list-style:none;margin:0;padding:0}nav ul li{display:inline-block;font-weight:300;padding:0 20px}.dvs-header__trigger{display:block}.content{margin:0}.main-home{align-content:center;margin-bottom:10rem}.main-home,.titles{align-items:center;display:flex;flex-direction:column;justify-content:center}.titles h1{font-size:40px}.ivan-picture{align-items:center;display:flex;flex-direction:column;justify-content:center}.homepage-img{border-radius:50%;margin-right:0;width:15rem}.title{color:#2b2d42;color:var(--black);font-size:xx-large}.about-paragraph{font-size:medium}.title-name{font-size:xx-large}.catch-phrase{font-size:small}.project-container,.skills{flex-direction:column}.project-container{align-items:center;display:flex;margin-top:2rem}.projects{height:auto}.project{margin-bottom:50px}.about{background-color:#edf2f4;background-color:var(--white);display:flex;height:-webkit-max-content;height:max-content;padding-top:1rem}.project-image{display:flex;flex-direction:column;justify-content:center}.project-powered-by{border-left:0;display:flex;flex-direction:column;justify-content:flex-start;margin-left:20px;margin-right:20px;max-width:30rem;padding-left:0;text-align:center}.view-live-button{background-color:#7209b7;background-color:var(--purple-button);border:none;border-radius:5px;color:#edf2f4;color:var(--white);font-weight:500;height:2.5rem;margin-right:5px;margin-top:20px;width:5rem}.project{margin-bottom:15rem}}@-webkit-keyframes drop-image{0%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes drop-image{0%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swing-image{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes swing-image{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes social-icons-swing{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes social-icons-swing{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
/*# sourceMappingURL=main.8af2abf6.css.map*/