a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary:#36bdd9;--primary-dark:#29b9d6;--secondary:#fe9143;--seconday-dark:#fe8834;--white:#f5f9fa;--white2:#ebf3f5;--gray:#e1e4e5;--gray2:#c0c6c9;--gray3:#4b4c4d;--black:#323333;--black2:#2a2b2b}body{color:var(--gray3);font-family:Montserrat,sans-serif;font-size:14px;text-align:center}footer,header,section.even{color:var(--white)}span{font-size:13px;font-weight:700}small,span{display:block}small{font-size:11px;font-weight:lighter}h1{font-size:large}h3{font-size:2rem}h2,h3,h4{letter-spacing:.3rem}h1,h3{text-transform:uppercase}h4{font-size:1.1rem}p{display:none}@media only screen and (min-width:480px){small,span{display:inline}}@media only screen and (min-width:600px){h1{font-size:x-large}h2{font-size:large}h4{font-size:1.4rem}}@media only screen and (min-width:1024px){h1{font-size:xx-large}h2{font-size:x-large}h4{font-size:1.8rem}}@media only screen and (min-width:1500px){h1{font-size:70px}h2{font-size:60px}h3{font-size:3.5rem}h4{font-size:2.2rem}span{font-size:x-large}small{font-size:20px}}.circle{border-radius:50%}html{background:linear-gradient(var(--white),var(--white2))}section{padding-bottom:3.5rem;padding-top:4.5rem}#navbar,section.even{background:linear-gradient(var(--primary),var(--primary-dark))}footer{background:linear-gradient(var(--black),var(--black2));padding:2rem 0}hr{background-image:linear-gradient(to right,transparent,var(--primary),transparent);border:0;height:.1rem;max-width:100%}section.even hr{background-image:linear-gradient(to right,transparent,var(--white),transparent)}section hr{margin-bottom:3rem}@media only screen and (min-width:480px){section hr{margin-bottom:4rem}}@media only screen and (min-width:1024px){section hr{margin-bottom:5rem}}@media only screen and (min-width:1500px){section{padding-top:6rem}section hr{margin-bottom:6.5rem}}header{background:linear-gradient(var(--black),var(--black2));overflow:hidden;padding:9rem 0;position:relative}header video{left:50%;min-height:100%;min-width:100%;opacity:.2;position:absolute;top:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:480px){header{padding:3.5rem 0 4.5rem}}@media only screen and (min-width:600px){header{padding:25rem 0 26rem}}@media only screen and (min-width:1024px){header{padding:10rem 0 13.5rem}}@media only screen and (min-width:1600px){header{padding:17rem 0 21rem}}@media only screen and (min-width:1920px){header{padding:18rem 0 30rem}}#navbar{box-shadow:0 0 10px 1px var(--gray3)}#navbar div{display:flex;justify-content:space-between}#navbar div a{align-items:center;color:var(--black);display:flex;padding:1rem;text-decoration:none}#navbar div a:hover{color:var(--white);transition:color .3s ease,color .3s ease}#navbar div img{margin-right:.5rem}#navbar button{background-color:transparent;border:none;color:var(--white);cursor:pointer;font-size:1.5rem;margin:.7rem;padding:.2rem .7rem}#navbar.open button{background-color:var(--black);border-radius:2rem;color:var(--white)}#navbar ul{background:linear-gradient(var(--primary),var(--primary-dark));border-top:1px solid hsla(0,0%,100%,.1);margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;transition:max-height .3s ease;width:100%}#navbar.open ul{max-height:200px}#navbar li{list-style:none;padding:0}#navbar ul a{color:var(--white);display:block;padding:10px 15px;text-decoration:none;transition:color .3s ease,background-color .3s ease}#navbar ul a:focus,#navbar ul a:hover{background-color:var(--white);color:var(--black)}.navbar-fixed{position:fixed;top:0;width:100%;z-index:100}#toggle:hover{background-color:var(--black)}#active{background-color:var(--primary-dark)}@media only screen and (min-width:1500px){#navbar div img{width:40px}#navbar button{font-size:2.5rem}#navbar.open ul{font-size:x-large;max-height:250px}}#portfolio div{margin-top:4.5em}#portfolio button{border:none;box-shadow:0 0 10px var(--gray2);cursor:zoom-in;display:block;margin:1rem auto;max-width:400px;overflow:hidden;padding:0;position:relative}#portfolio img{display:block;max-height:200px;transition:transform .3s ease}#portfolio button:hover img{transform:scale(1.25)}#portfolio button:before{background-color:var(--primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}#portfolio button:hover:before{opacity:.75}#portfolio h4{bottom:0;color:var(--white);display:block;left:50%;margin:0;opacity:0;position:absolute;transform:translate(-50%,50%);transition:bottom .3s ease,opacity .3s ease;z-index:2}#portfolio button:hover h4{bottom:30%;opacity:1}#portfolio button:after{content:url(assets/05189309db3a48edcbcc.svg);left:50%;opacity:0;position:absolute;top:0;transform:translate(-40%,-50%);transition:top .3s ease,opacity .3s ease;width:50%;z-index:2}#portfolio button:hover:after{opacity:.75;top:40%}@media only screen and (min-width:600px){#portfolio button{max-width:350px}#portfolio img{max-height:250px}}@media only screen and (min-width:1024px){#portfolio button{max-width:420px}#portfolio img{max-height:300px}#portfolio div{display:grid;gap:2em;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1500px){#portfolio button{max-width:700px}#portfolio img{max-height:600px}#portfolio div{display:grid;gap:4em;grid-template-columns:repeat(3,1fr)}}#skillset>div{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:1rem}#skillset img{border-radius:1rem;cursor:context-menu;max-width:6rem}#skillset>div>div{position:relative}#skillset span{background-color:rgba(0,0,0,.75);border-radius:.5rem;left:50%;opacity:0;padding:.5rem 0;pointer-events:none;position:absolute;text-align:center;top:-40px;transform:translate(-60px,10px);transition:opacity .3s ease,transform .3s ease;width:120px;z-index:1}#skillset>div>div:hover span{opacity:1;transform:translate(-60px)}#skillset span:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.75);content:"";left:50%;margin-left:-5px;position:absolute;top:100%}@media only screen and (min-width:480px){#skillset>div{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:600px){#skillset>div{gap:3rem}}@media only screen and (min-width:1024px){#skillset img{max-width:9rem}}@media only screen and (min-width:1500px){#skillset img{margin-bottom:5rem;max-width:15rem}#skillset span{left:45.5%;top:-45px;width:150px}}@media only screen and (min-width:1920px){#skillset span{left:47%}}#experience img{background:#fff;border:5px solid var(--primary);border-radius:25px;cursor:pointer;height:150px;padding:2rem;transition:border-radius .3s ease,box-shadow .3s ease;width:150px}#experience img:hover{border-radius:0;box-shadow:0 0 10px 1px var(--gray2)}#experience h4{font-size:1rem;margin-bottom:3rem;margin-top:1rem}.explink{background-color:var(--white);border-radius:5px;color:var(--primary);display:inline-block;font-size:8px;margin-top:1rem;padding:.5rem 1rem;text-decoration:none}.explink:hover{background-color:var(--primary-dark);color:#fff;text-decoration:none}@media only screen and (min-width:600px){#experience img{height:300px;width:300px}#experience h4{font-size:2rem;margin-bottom:5.5rem;margin-top:2rem}.explink{font-size:10px}}@media only screen and (min-width:1500px){#experience div{display:grid;grid-template-columns:repeat(2,1fr)}#experience img{height:500px;width:500px}#experience h4{font-size:3.5rem;margin-bottom:7.5rem;margin-top:2.5rem}.explink{font-size:20px;margin-top:25px}}form{font-size:1.2rem}form label{display:block;margin:0 auto;width:50%}input,input:focus,textarea,textarea:focus{background-color:rgba(0,0,0,.1);border:none;box-shadow:none;color:var(--black);cursor:text;margin:1rem 0 2rem;padding:1rem;width:100%}textarea{height:100px;resize:none}form button{background-color:var(--secondary);border:none;border-radius:15px;color:var(--white);cursor:pointer;margin:.5rem;padding:1rem;transition:background-color .3s ease}form button:hover{background-color:var(--secondary-dark)}#social-media{margin-top:2.5rem}#social-media img{background-color:var(--white);border-radius:10rem;margin:1rem;transition:all .3s ease}#social-media a{text-decoration:none}#linkedin:hover{background-color:#0077b5}#github:hover{background-color:#000}#youtube:hover{background-color:red}@media only screen and (min-width:1024px){form button,input,textarea{font-size:large}#social-media img{width:45px}}@media only screen and (min-width:1500px){form{font-size:x-large}input,textarea{font-size:xx-large}textarea{height:200px}form button{font-size:x-large}#social-media img{width:55px}}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;padding:20px;position:relative;text-align:center;width:50%}.close{cursor:pointer;font-size:30px;position:absolute;right:20px;top:10px}#modal-title{font-weight:700}#modal-description{display:block;font-size:smaller;padding-top:.5rem}@media only screen and (min-width:1024px){#modal-description{font-size:small;padding-top:1rem}}@media only screen and (min-width:1500px){#modal-description{font-size:x-large;padding-top:1.5rem}}