@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";h1{font-size:5em}.banner{display:flex;flex-direction:column;border-bottom:1px solid #CCC;box-shadow:0 2px 4px #00000080}.hero-banner .container{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#515151;height:600px;margin-top:4em}.hero-banner .container h1{font-weight:300}.hero-banner .container p{font-family:PT Sans;margin-top:1em;width:64ch}.hero-banner img{display:block;height:auto}.banner-image{text-align:center;align-self:end;position:relative}.banner-info{display:flex;flex-direction:column;align-items:center;margin-top:2em;width:400px}.banner-info2{display:flex;flex-direction:column;width:400px;align-items:center}.banner-info #name{font-weight:400}.banner-info #name-info{font-weight:300}.red-text{color:#ccc}.banner-info h1{font-size:2.5em;font-weight:300}.banner-info h2{font-weight:300}.banner-info2 h1{font-weight:300;font-size:2.5em}@media (max-width: 1400px){.banner-image{height:100}.hero-banner img{width:450px;height:auto}.banner-info h1{font-size:2em}.banner-info h2{font-weight:300}.banner-info2 h1{font-size:2em}.hero-banner .container{height:550px;margin-top:0}}@media (max-width: 1120px){.hero-banner img{width:350px}.banner-info h1{font-size:1.5em}.banner-info h2{font-size:1em}.banner-info,.banner-info2{position:relative;align-self:center;bottom:-15%;width:200px}.banner-info2 h1{font-size:1.5em}.hero-banner .container{height:500px;margin-top:-5em}}@media (max-width: 716px){.hero-banner .container{flex-direction:column;margin:3em 0;height:600px}.banner-info{width:300px;bottom:0}.banner-info2{width:300px;height:100px;bottom:-10%}.banner-image{align-self:center;margin:2em 0 -2em}.hero-banner img{width:300px}.banner-info h1{font-size:2em}.banner-info h2{font-size:1.5em}.banner-info2 h1{font-size:2em}}.projects{padding:5em 0;background-color:#fbfbfa}.projects #headline{margin:2em 0 4em;position:relative;padding:0 10px;text-align:center;text-transform:uppercase;font-size:1.4em}.projects .container{display:flex;flex-direction:row;align-items:start;justify-content:space-around;gap:3em;flex-wrap:wrap}.projects .container article{padding:2em 1.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #FAFAFA;box-shadow:0 2px 4px #0000004d;position:relative;transition:transform .35s ease-in-out;cursor:pointer;border-radius:1em}.projects .container article:hover{transform:scale(1.08)}.projects .container article .image-container{width:300px;height:300px;overflow:hidden;position:relative;border-radius:1em}.projects .container article img{width:100%;height:auto;position:relative}.projects .container article img:before{content:"";width:100%;height:100%;position:absolute;background-color:#fff0}.projects .container article h3{margin-top:1em;align-self:flex-start}.projects .container article p{margin-top:.4em;align-self:flex-start}@media (max-width: 828px){.projects{padding:3em 0}}.header{width:100vw;height:6em;background:#111111;display:flex;align-items:center;justify-content:center;position:fixed;z-index:100;margin-bottom:3em}.content{width:1400px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#111111;height:6em;position:relative}#logo img{width:60px;height:auto;border-radius:50%;margin:0 auto;background:white}#logo{margin-left:2em}.nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2em;margin-right:2em;background:#111111}.nav a{text-decoration:none}.nav li{margin-left:.5em;list-style-type:none;color:#fff}.nav li:hover{color:#ccc}.social-icons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2em;margin-right:2em}.social-icons a{text-decoration:none;list-style-type:none}.social-icons a:hover{color:#ccc}.mobile-nav{display:none}@media (max-width: 828px){.header .social-icons{display:none}.header{justify-content:flex-end}.content{justify-content:space-between}.nav{flex-direction:column;align-items:center;justify-content:center;gap:1em;margin-top:2em;background:#111111;position:absolute;top:4em;width:100%;max-height:calc(100vh - 4em);overflow-y:auto;display:none}.nav.show{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw}.nav a{text-decoration:none;color:#fff;font-size:1.2em}.nav li{margin-left:0}.nav li:hover{color:#ccc}.mobile-nav{display:block;color:#fff;font-size:2em;cursor:pointer;margin-right:2em}}@media (max-width: 718px){.mobile-nav{font-size:1em}}.footer{width:100%;height:7em;background:#F5F5F5;display:flex;align-items:center;flex-direction:row;justify-content:space-around;font-size:.9em;border-top:1px solid #CCC;box-shadow:0 2px 4px #0000004d;z-index:2;position:absolute}.footer p{color:#000}.footer .nav{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:2em;margin-right:2em;background:#F5F5F5}.footer .nav a{text-decoration:none}.footer .nav li{margin-left:.5em;list-style-type:none;color:#999}.footer .nav li:hover{color:#000}.footer .go-to-top{width:100px;height:100px;background-color:#f5f5f5;border-top:1px solid #CCC;box-shadow:0 2px 4px #0000004d;border-radius:50%;position:absolute;bottom:50%;display:flex;justify-content:center;align-items:center;z-index:1;transition:transform .3s ease}.footer .go-to-top:hover{transform:scale(1.1)}.footer .go-to-top button{background-color:#f5f5f5}@media (max-width: 828px){.footer .nav{display:none}.footer .go-to-top{width:50px;height:50px;bottom:80%}}.about{display:flex;flex-direction:column}.about .banner{margin-top:6em;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.about .banner .container{display:flex;flex-direction:row;align-items:center}.about .banner .container .banner-info{display:flex;flex-direction:column;align-items:flex-start}.about .banner .banner-info h1{font-size:5em;font-weight:700}.about .banner .banner-info p{margin-top:1em;font-size:1.2em}.about .banner .container .banner-image{display:flex;align-items:flex-end}.about .skills{padding:6em 0;background-color:#fafafa;border-bottom:1px solid #CCC;box-shadow:0 2px 4px #0000004d}.about .skills .container{display:flex;flex-direction:row;align-items:start;justify-content:space-around}.about .skills .container .design-skills,.about .skills .container .coding-skills{display:flex;flex-direction:column;gap:.5em}.about .skills .container .design-skills h3,.about .skills .container .coding-skills h3{font-size:2em;margin-bottom:.5em}.about .hobby{padding:6em 0;border-bottom:1px solid #CCC;box-shadow:0 2px 4px #0000004d}.about .hobby .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-evenly}.hobby-image{display:flex}.hobby-info{display:flex;flex-direction:column;gap:.5em}.about .hobby .container .hobby-info h3{font-size:2em;margin-bottom:.5em}.about .applications{padding:6em 0;background-color:#fafafa;border-bottom:1px solid #CCC;box-shadow:0 2px 4px #0000004d}.about .applications .container{display:flex;flex-direction:column;align-items:center}.about .applications .container h3{font-size:2em;margin-bottom:3em}.about .applications .container .stack{width:98vw;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;max-width:1400px;gap:5em}.about .applications .container .stack .tech-app{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.about .applications .container .stack img{width:10em;opacity:.5;color:#000;transition:transform .4s ease-in-out;filter:grayscale(100%)}.about .applications .container .stack img:hover{opacity:1;transform:scale(1.1);filter:grayscale(10%)}.about .applications .container h2{margin:0 0 2em}.about .applications .container .stack .tech-app .alt{display:none;position:absolute;top:-50px;left:50%;transform:translate(-50%);white-space:nowrap;color:#ccc}.about .applications .container .stack .tech-app:hover .alt{display:block}.about .story{padding:6em 0}.about .story .container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:3em}.about .story .container .story-info{display:flex;flex-direction:column;align-items:center;gap:2em}.about .story .container .story-info h3{font-size:2em;margin-bottom:1em}.about .story .container .story-image img{width:400px;height:auto;border-radius:2em}@media (max-width: 828px){.about .banner .container{flex-direction:column;padding-bottom:2em}.about .banner .container .banner-info{align-items:start;justify-content:flex-start}.about .banner .container .banner-image img{display:none}.about .skills{padding:3em 0}.about .skills .container{flex-direction:column;align-items:center;gap:2em;margin:0 auto}.about .skills .container img{width:250px}.coding-skills{align-self:center}.coding-skills h3{text-align:center}.about .hobby{padding:3em 0}.about .hobby .container{flex-direction:column;align-items:center}.about .hobby .hobby-image img{width:250px}.about .hobby .hobby-info{padding:0 1em}.about .hobby .hobby-info h3{text-align:center}.about .applications{padding:3em 0}.about .applications .stack{flex-direction:column;flex-wrap:nowrap}.about .story{padding:3em 0}.about .story .container{flex-direction:column}.about .story .container .story-image img{width:250px}.about .story .container .story-info{padding:0 2em}}.contacts{display:flex;flex-direction:column}.contacts .banner{margin-top:6em;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.contacts .banner .container{display:flex;flex-direction:row;align-items:center}.contacts .banner .container .banner-info{display:flex;flex-direction:column;align-items:flex-start}.contacts .banner .banner-info h1{font-size:5em;font-weight:700}.contacts .banner .banner-info h2{margin-top:1em}.contacts .banner .banner-info .social-icons{margin-top:3em}.contacts .banner .container .banner-image{display:flex;align-items:flex-end;position:relative}.contacts .contacts-section{padding:6em 0;background-color:#fafafa;border-bottom:1px solid #CCC;box-shadow:0 2px 4px #0000004d}.contacts .contacts-section .container{display:flex;flex-direction:column;justify-content:space-around;max-width:1280px}.contacts .contacts-section .container h3{font-size:2em;margin-bottom:.5em;align-self:center}.contacts .contacts-section .container .contact-form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2em}.contacts .contacts-section .container .contact-form .top{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:2em;flex-grow:4}.contacts .contacts-section .container .contact-form .top .left,.contacts .contacts-section .container .contact-form .top .right{display:flex;flex-direction:column;flex-grow:1}.contacts .contacts-section .container .contact-form .top .form-group{display:flex;flex-direction:column;align-items:flex-start;margin-top:2em}.contacts .contacts-section .container .contact-form .top label{font-size:1.2em}.contacts .contacts-section .container .contact-form .top input{height:35px;border-radius:5px;width:400px}.contacts .contacts-section .container .contact-form .top textarea{height:130px;border-radius:5px;width:400px}.contacts .contacts-section .container .contact-form button{align-self:center;padding:.5em 1.5em;font-size:1.4em;background-color:#000;color:#fff;border-radius:5px;transition:opacity .3s ease-in-out}.contacts .contacts-section .container .contact-form button:hover{opacity:.6}@media (max-width: 1122px){.contacts .banner .container{gap:6em}.contacts .banner .container img{width:400px}}@media (max-width: 1024px){.contacts .contacts-section .container .contact-form .top{flex-direction:column}}@media (max-width: 828px){.contacts .banner .container{padding:0 0 2em}.contacts .banner .container img{display:none}.contacts .contacts-section{padding:3em 0}}@media (max-width: 500px){.contacts .banner .container{gap:0}.contacts .banner .container h1{font-size:3em;text-align:center}.contacts .contacts-section .container .contact-form .top input,.contacts .contacts-section .container .contact-form .top textarea{width:300px}}@media (max-width: 430px){.contacts .banner .container h1{font-size:3em;text-align:center}.contacts .banner .container .banner-info{align-items:center}.contacts .banner .container .banner-info h2{text-align:center}}.services-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.services-page .container{display:flex;align-items:center;flex-direction:column}.services-banner{height:90vh;margin-top:8em;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media (max-width: 530px){.services-page .services-banner .container img{width:250px}.services-page .services-banner .container h2{font-size:1.5em;text-align:center}}.projects-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.projects-page .projects-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.projects-page .container{display:flex;align-items:center;flex-direction:column}.projects-page .projects-section .container h1{margin:2em 0 0}.projects-page .projects-section .container img{margin-bottom:1em}.portfolio-content{display:inline-flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:2em;margin:0 0 3em}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #CCC;width:400px;height:255px;cursor:pointer;border-top-right-radius:50px;border-bottom-left-radius:50px;overflow:hidden;transition:border-color .5s ease,transform .5s ease,box-shadow .5s ease}.card:hover{border-color:#000;transform:scale(1.05);box-shadow:0 0 10px #0000004d;z-index:90}.card .on-hover{display:none;width:100%;height:50%;text-align:center;align-items:center;position:absolute}.card:hover>.on-hover{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;color:#fff}#category{font-size:.9em;margin-top:.3em;font-weight:600;text-shadow:none;color:#000;text-shadow:1px 1px 1px white}.on-hover p{font-weight:700;color:#000;text-shadow:2px 2px 0px white}.ar-16x9{overflow:hidden;position:relative}.ar-16x9:after{display:block;content:""}.ar-16x9 img{display:block;width:100%;height:auto}@media (max-width: 1280px){.card{width:40vw}.portfolio-content{justify-content:center}}@media (max-width: 720px){.card{width:80vw}.portfolio-content{flex-direction:column}.projects-page .projects-section .container img{width:300px}}@media (max-width: 828px){.projects-page .projects-section .container h1{margin-top:3em;font-size:3em}}@media (max-width: 500px){.projects-page .projects-section .container h1{margin-top:4em;font-size:2em}}*{padding:0;margin:0;box-sizing:border-box}html{line-height:1.5;font-weight:300;font-family:Montserrat,sans-serif;font-style:normal}body{margin:0 auto;padding:0}h1,h2,h3,p,a{color:#515151;font-weight:300}.img{display:block;width:100%;height:auto}.body{padding:0 auto;min-height:100vh}.container{max-width:1400px;margin:0 auto}