:root{--black: #000;--white: #fff}*{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:"Poppins",sans-serif}.header{background:#000;position:fixed;height:10rem;width:100%;z-index:1000;padding:0 1.5rem;display:flex;justify-content:space-between}.header__logo{position:absolute;left:0;right:0;top:0;margin:0 auto;display:block;width:20rem;transition:transform .3s}.header__logo.shrink{transform:scale(0.75) translateY(-3rem)}.header__left,.header__right{display:flex;align-items:center}.header__right{justify-content:flex-end}.hero{height:80vh;max-height:120rem;position:relative;display:flex;align-items:center;justify-content:center}.hero__image{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;object-position:center}.hero::before{content:"";width:100vw;height:100%;background:rgba(0,0,0,.27);position:absolute;left:0;top:0;z-index:3}.hero__content{z-index:5;color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:10rem;user-select:none}.hero__content h2{font-size:4rem}.hero__content p{margin-top:2rem;font-size:4rem;line-height:1;font-weight:bold;min-width:30rem;text-align:center;padding:1rem;text-transform:uppercase;background:hsla(0,0%,100%,.5);backdrop-filter:blur(5px);box-shadow:0 0 2rem #000}.link-btn,.link-btn:link,.link-btn:visited{display:inline-block;margin:.7rem;text-decoration:none}.link-btn img,.link-btn:link img,.link-btn:visited img{width:3rem}.internal-btn,.internal-btn:link,.internal-btn:visited{display:inline-block;padding:.8rem 1rem;font-size:1.6rem;font-family:inherit;color:var(--white);border:1px solid var(--white);border-radius:.5rem;text-decoration:none}.about{background:var(--black);padding:5rem 2rem;user-select:none}.about h2{color:#259689;font-size:2.5rem;text-align:center;padding:1rem;max-width:50rem;margin:0 auto;border-left:1px solid var(--white)}.about p{font-size:1.6rem;color:#fff;text-align:center;max-width:70%;margin:0 auto;padding:5rem 0}.skills{background:#255662;padding:5rem 2rem}.skills h2{font-size:3rem;color:var(--white);text-align:center;color:#eee;line-height:1;user-select:none}.skills h3{font-size:2.2rem;color:var(--white);font-weight:300;text-align:center;margin-top:1rem;transform:rotate(-5deg) translate(1rem, -0.2rem);color:#cdcdcd;user-select:none}.skills__logo-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;max-width:100rem;margin:4rem auto;padding:1rem;column-gap:3rem;row-gap:3rem}.skill-logo{height:14rem;display:block}.skill-tile{height:20rem;width:20rem;position:relative;display:flex;align-items:center;justify-content:center}.skill-tile__logo{display:block;height:13rem;width:auto;pointer-events:none}.skill-tile__logo--small{height:4rem}.skill-tile__overlay{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:2rem;opacity:0;transition:opacity .6s;padding:.8rem;border:1px solid rgba(170,170,170,.7)}.skill-tile__overlay h4{color:var(--white);font-size:1.6rem;user-select:none}.skill-tile__overlay p{color:var(--white);font-size:1.2rem;user-select:none;text-align:center}.skill-tile:hover .skill-tile__overlay{opacity:1}.footer{background:var(--black);padding:4rem 0;color:var(--white);text-align:center;font-size:1.6rem}@media(max-width: 500px){.header__logo{width:15rem;transform:translateX(-2rem);transition:transform .3s}.header__logo.shrink{transform:scale(0.62) translate(-2rem, -3.7rem)}.header__left{flex-direction:column}.skills__logo-container{flex-direction:column}}/*# sourceMappingURL=style.css.map */