@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color-white:#fff;--bg-color-gray:#eaeaea;--sidebar-bg-color:rgba(71,88,99,.611);--nav-dark-bg:#475863;--link-hover-color:#fcfcfcc9;--nav-link-color:#fff;--courses-card-hover-color:rgba(0,0,0,.239)}body{font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}li{list-style-type:none}a{text-decoration:none;transition:all .3s ease}a:hover{color:#fcfcfcc9;color:var(--link-hover-color)}.top-page{background:linear-gradient(0deg,#000000ba,#fefefe0e),url(/my-website/static/media/ben-den-engelsen-VIXMeng4e4c-unsplash.4b22c8c247c825c8902c.jpg);background-attachment:fixed;background-position:50%;background-size:cover}.hidden{opacity:0}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:1.5em 1.25em;position:fixed;transition:all .3s;width:100%;z-index:9999}.nav-dark-bg{background-color:#475863;background-color:var(--nav-dark-bg)}.nav-links-container{align-items:center;display:flex;gap:15px;justify-content:space-evenly}.nav-link{color:#fff;color:var(--nav-link-color);padding-bottom:.25em;position:relative}.nav-link:after{background-color:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.nav-link:hover:after{width:100%}.name-link,.name-link:visited,.nav-link:visited{color:#fff;color:var(--nav-link-color)}.menu-container,.sidebar-container{display:none}.nav-link-item:first-child{animation:fadeInTop 1s 1 alternate}.nav-link-item:nth-child(2){animation:fadeInTop 1.5s 1 alternate}.nav-link-item:nth-child(3){animation:fadeInTop 2s 1 alternate}.nav-link-item:nth-child(4){animation:fadeInTop 2.5s 1 alternate}.nav-link-item:nth-child(5){animation:fadeInTop 3s 1 alternate}.hero-container{align-items:center;display:flex;gap:2em;justify-content:center;padding:22em 1em;text-align:center}.hero-welcome-text{animation:fadeInTop 3s 1 alternate;color:#fff;font-size:3rem;line-height:1.3;max-width:700px;padding-bottom:12px}.hero-welcome-subtext{animation:fadeInLeft 3s 1 alternate;color:#fff;max-width:700px}.colin-billingsley{text-wrap:nowrap;border-bottom:2px solid #fff;color:#fff;font-weight:600}.about-container{align-items:center;background-color:#fff;color:#000;display:flex;gap:110px;justify-content:center;padding:10em 2em}.about-img img{border:2px solid #fff;border-radius:50%;box-shadow:5px 12px 12px rgba(0,0,0,.433);display:block;height:auto;max-width:100%}.about-header{font-size:2em;margin-bottom:1em;text-align:center}.about-text{margin:0 auto;max-width:500px;text-align:center}.education-container{background-color:#eaeaea;background-color:var(--bg-color-gray);padding:5em 2em}.education-header{font-size:2em;margin-bottom:1em;text-align:center}.education-subtext{margin-bottom:4em;text-align:center}.education-lists-container{align-items:center;display:flex;flex-direction:column;gap:2em;justify-content:center}.education-school{display:block;font-size:1.25em;font-weight:700}.uni-address{color:gray}.uni-dates{color:gray;font-style:italic;padding-bottom:1em}.relevant-courses-title,.uni-awards span,.uni-degree span,.uni-gpa span{font-weight:600}.uni-degree span:nth-child(2){font-style:italic;font-weight:400}.relevant-courses-title{display:block;padding-bottom:5px;padding-top:16px}.lssc-list,.ucf-list{background-color:#fff;border-radius:10px;color:#000;padding:1em;text-align:center;transition:all .3s ease}.lssc-list:hover,.ucf-list:hover{cursor:default;transform:translateY(-8px)}.lssc-list{border-left:3px solid green;width:100%}.lssc-list,.ucf-list{border-radius:0 8px 8px 0;text-align:left;transition:all .3s ease}.ucf-list{border-left:3px solid gold;color:#000}.lssc-list .education-school{color:green}.ucf-list .education-school{color:gold}.ucf-relevant-courses{display:flex;flex-wrap:wrap;gap:1em}.ucf-relevant-courses li{border-radius:8px;box-shadow:0 5px 8px hsla(0,0%,50%,.214);padding:.5em 2em;transition:all .3s ease}.ucf-relevant-courses li:hover{transform:scale(1.05)}.ucf-relevant-courses li p{color:gray;font-size:.9em;font-style:italic}.lssc-list:hover,.ucf-list:hover{box-shadow:0 5px 8px rgba(0,0,0,.239);box-shadow:0 5px 8px var(--courses-card-hover-color)}.lssc-sublist li,.ucf-sublist li{line-height:1.5}.skills-container{background-color:#fff;background-color:var(--bg-color-white);padding:5em 3em}.skills-container h2{font-size:2em;padding-bottom:1.5em}.skills-list{grid-column-gap:10px;grid-row-gap:30px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 auto;padding:3em 1em;row-gap:30px}.skills-list li{text-align:center}.github{background-color:#fff;border:1px solid #fff;border-radius:50%}.projects-container{background-color:#eaeaea;background-color:var(--bg-color-gray);padding:5em 2em}.projects-container h2{font-size:2em;padding-bottom:1.5em}.projects-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;text-align:center}.project-card{border-radius:5px;display:flex;gap:1rem;padding:2em 1em;text-align:left;transition:all .3s ease}.project-img{border:3px solid #0000;border-radius:5px;height:auto;max-width:100%}.project-title{font-size:1.15em;font-weight:600;padding-bottom:1rem}.project-description{max-width:90%;padding-bottom:1rem}.project-description a{color:#000;text-decoration:underline}.project-tools{display:flex;gap:1rem;padding-bottom:1rem}.project-tools li{border:1px solid #000;border-radius:15px;padding:5px 10px}.project-card:hover{background-color:hsla(0,0%,53%,.134);cursor:default;transform:translateY(-5px)}.project-card:hover .project-img{border:3px solid #fff}.project-card-btns{align-items:center;display:flex;gap:1em;justify-content:flex-start}.github-link i,.video-link i{border-radius:50%;display:inline-block;outline:1px solid #0000;outline-offset:3px;transition:all .3s ease}.github-link:hover i,.video-link:hover i{outline:1px solid #000;transform:scale(1.2)}.contact-container{background-color:#fff;background-color:var(--bg-color-white);padding:5em 3em}.contact-header{font-size:2em;padding-bottom:1.5em;text-align:center}.info-resume-container{align-items:center;display:flex;gap:2rem;justify-content:center}.my-info-container,.resume-container{padding:2em}.my-info-container h3{padding-bottom:1em}.my-info-container a{color:#000}.my-info-container a:hover{color:rgba(0,0,0,.557);text-decoration:underline}.contact-item{display:flex;gap:1em}.my-contact-list{display:flex;flex-direction:column;gap:.5rem}.resume-container{text-align:center}.resume-container h3{padding-bottom:1rem}.resume-container a{color:#000}.resume-button{border:1px solid #000;border-radius:5px;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:1rem 2.5rem;transition:all .3s ease}.resume-button:hover{background-color:#475863;background-color:var(--nav-dark-bg);border:1px solid #0000;color:#fff;transform:scale(1.05)}.footer-container{background-color:#fff;background-color:var(--bg-color-white);padding:5em;text-align:center}.fade-in-top{animation:fadeInTop 3s 1 alternate}.fade-in-right{animation:fadeInRight 3s 1 alternate}.fade-in-left{animation:fadeInLeft 3s 1 alternate}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:100%;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:100%;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:100%;transform:translateX(0)}}









/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  Screen sizes 900px and less
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */@media (max-width:900px){.hero-welcome-text{padding-bottom:.5em}.about-container{flex-direction:column-reverse;text-align:center}.about-img{max-width:300px}.project-card{align-items:center;flex-direction:column;justify-content:center;text-align:center}.project-description{margin:0 auto}.project-tools{align-items:center;justify-content:center}}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  Screen sizes 700px and less
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */@media (max-width:700px){.nav-links-container{display:none}.nav-container{position:fixed;width:100%;z-index:999}.menu-container{cursor:pointer;display:inline-block;z-index:1000}.line1,.line2,.line3{background-color:#fff;height:2px;margin:3px 0;transition:.3s;width:20px}.menu-container.active .line1{transform:translateY(5px) rotate(135deg)}.menu-container.active .line2{opacity:0}.menu-container.active .line3{transform:translateY(-5px) rotate(225deg)}.sidebar-container{display:block}.sidebar{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(71,88,99,.611);background-color:var(--sidebar-bg-color);display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;position:fixed;top:0;width:250px;z-index:999}.sidebar:first-child{margin-left:auto}.sidebar-item{width:100%}.sidebar-link{color:#fff;display:block;padding:1.5rem 1rem;width:100%}.sidebar-link:hover{background-color:hsla(0,0%,100%,.537);color:rgba(0,0,0,.598)}.sidebar.closed{transform:translateX(-250px);transition:.5s ease;visibility:hidden}.sidebar.open{transform:translateX(0);transition:.5s ease;visibility:visible}.hero-welcome-text{font-size:1.9em}.about-img{max-width:200px}.relevant-courses-sublist{column-gap:50px;grid-template-columns:auto;grid-template-rows:auto;row-gap:15px}.skills-container h2{text-align:center}.skills-list img{max-width:60%}.projects-container{padding:5em 1em}.projects-container h2{text-align:center}.project-description{font-size:.85em}.project-tools{flex-wrap:wrap;font-size:.75em}.project-img{max-width:75%}.info-resume-container{flex-direction:column-reverse}.info-resume-container h3{padding-bottom:1em;text-align:center}}
/*# sourceMappingURL=main.38eed463.css.map*/