@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;700&display=swap";.navbar{transition:translate 5s;position:sticky;top:0;background-color:#2c2d32b7;display:flex;height:4rem;justify-content:space-between;align-items:center;padding:1rem;z-index:1}.navbar .logo{cursor:pointer}.navbar .logo img{width:4rem;height:4rem;margin-left:1rem}.navbar .hamburger-menu{cursor:pointer}.navbar .hamburger-menu .line{display:block;width:2rem;height:4px;margin-bottom:5px;background-color:#c1ae70}.navbar .nav-blur{position:fixed;top:0;left:0;z-index:-2;height:100vh;width:100vw;padding-top:100px;background-color:#2c2d3224;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar .nav-menu{box-shadow:-1px 0 20px #37393e;position:fixed;top:0;right:0;z-index:-1;height:100%;width:70%;padding-top:100px;background-color:#2c2d32}.navbar .nav-menu .line{display:block;width:5rem;height:2px;margin:50px auto;background-color:#c1ae70}.navbar .nav-menu a{font-size:1.3rem;display:block;text-align:center;padding:4%;color:#fff}.navbar .nav-menu a:hover{background-color:#c1ae70}.navbar .socials{display:flex;justify-content:center;align-items:center}.navbar .socials a{all:initial}.navbar .socials a:hover{background-color:transparent}.navbar .socials img{height:50px;margin:.3rem;cursor:pointer}.hide{display:none}.hide-nav{transform:translate(110%)}@media screen and (min-width: 932px){.navbar{padding:1rem 10vw}.navbar .nav-menu{transform:translate(0);box-shadow:none;display:block;position:static;width:auto;margin-right:20px;background:none;padding:0;margin-bottom:30px}.navbar .nav-menu a{display:inline-block;padding:15px 20px}.navbar .nav-menu a:hover{background-color:#c1ae70;border-radius:5px;cursor:pointer}.navbar .nav-menu .line{display:none}.navbar .v-line{display:inline-block;width:3px;height:2rem;background-color:#c1ae70;position:relative;margin:0 10px;top:10px}.navbar .socials{height:1.5rem;display:inline-block}.navbar .socials a{all:revert}.navbar .socials a:hover{background-color:transparent;cursor:pointer}.navbar .socials img{margin:5px;height:30px;position:relative;top:10px}.hamburger-menu{display:none}}.intro{padding:2.5rem 1rem 5vh}.intro a{font-size:.9rem;font-weight:lighter}.contact .line{margin:1rem 0;display:block;width:3rem;height:2px;background-color:#c1ae70;cursor:pointer}.contact .contact-me-btn{background:transparent;border-radius:3px;border:2px solid rgb(193,174,112);color:#c1ae70;margin:2rem 0;padding:1rem}.contact .contact-me-btn:hover{background-color:#c1ae70;color:#fff}.image{display:flex;justify-content:center;align-items:center;position:relative}.image .circle{z-index:-2;position:absolute;top:-10px;height:200px;width:200px;border-radius:50%;background-color:#23242c}.image .personal-img{height:18rem;border-radius:50%}@media screen and (min-width: 769px){.intro{padding:5vw 10vw 0}.intro-grid{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:10px}.intro-grid .item{min-height:200px;margin:0 1vh}.intro-grid .middle-column{grid-column:2}.intro-grid .middle-column .circle{height:300px;width:300px}.intro-grid .middle-column img{height:30vw;border-radius:0%;overflow:hidden}}.skills{background-color:#37393e}.skill-card{position:relative;background-color:#2c2d32;height:200px;width:50%;margin:1rem auto;overflow:hidden}.skill-card .skill-img{padding-top:2rem;display:flex;justify-content:center;align-items:center}.skill-card .skill-img svg{width:50px;height:50px;fill:#fff}.skill-card .skill-text{display:flex;justify-content:center;align-items:center;padding:5%}.skill-card .skill-text .text{font-size:1.2rem;color:#fff;display:flex;text-align:center;padding-top:1rem;font-weight:700}.skill-card .card__front{height:200px;width:100%;position:absolute;top:0;transition:top .4s ease-in-out}.skill-card .card__inner{height:200px;width:100%;position:absolute;top:200px;transition:top .4s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden}.skill-card .card__inner .skill-icon{display:flex;justify-content:center;align-items:center;padding-top:.5rem}.skill-card .card__inner .skill-icon img{height:40px}.skill-card .card__inner .skill-summary{color:#fff;font-size:.9rem;text-align:center;padding:.5rem .75rem;margin:0}.skill-card .card__inner .skill-badges{display:flex;flex-wrap:wrap;justify-content:center;padding:.25rem .5rem;gap:6px;list-style:none;margin:0}.skill-card .card__inner .skill-badges .badge{color:#fff;border:1px solid rgba(255,255,255,.2);background-color:#ffffff14;font-size:.75rem;padding:4px 8px;border-radius:12px;white-space:nowrap}.skill-card:hover{background-image:radial-gradient(#37393e,#2c2d32,#23242c)}.skill-card:hover .card__inner{top:0;visibility:visible}.skill-card:hover .card__front{top:-200px}@media screen and (min-width: 769px){.skill-card{width:auto}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));grid-gap:10px;overflow:auto;margin:5% 0}.skills-grid .item{min-height:200px;margin:1vh}}.project-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.project-grid .project-card{position:relative;height:330px;width:330px;padding-bottom:.4rem;margin:2rem 0;border:1px solid rgb(55,57,62);border-radius:15px;background-color:#37393e;box-shadow:-10px 5px 10px #23242c}.project-grid .project-card .project-img{height:50%}.project-grid .project-card .project-img img{border-radius:15px 15px 0 0;height:100%;width:100%;display:flex}.project-grid .project-card .text{height:38%;text-align:center;overflow:hidden}.project-grid .project-card .text p{text-align:center;font-size:.9rem;margin:0 5%;overflow:auto}.project-grid .project-card .text h4{padding-top:1rem}.project-grid .project-card .icons{height:8%;display:flex;justify-content:center;align-items:center}.project-grid .project-card .icons img{height:100%;margin:.2rem}@media screen and (min-width: 769px){.project-grid{flex-direction:row}.project-grid .project-card{height:400px;width:400px;margin:2rem}.project-grid .project-card .text h4{padding-top:2.5vh}}*{box-sizing:border-box;margin:0;padding:0;transition:all .2s;font-family:Roboto,sans-serif}:root{background-color:#2c2d32}a{font-weight:700;text-decoration:none;cursor:pointer}h1{font-size:3rem;color:#fff}h2{font-size:2rem;color:#fff;padding:.5rem 0}h3{color:#fff;font-size:1.8rem;padding:.5rem 0}h4{color:#c1ae70;font-size:1rem;padding-top:2.5vh}p{font-size:1rem;color:#fff;padding:1vh 0;line-height:1.5}.gold{color:#c1ae70;font-weight:700}.section{padding:1vh 1rem 5vh}@media screen and (min-width: 769px){.section{padding:5vw 10vw}.text-area h1,.text-area h2,.text-area h3,.text-area h4,.text-area p{text-align:center;padding:1vh 25%}}.contacts{background-color:#37393e}.contacts .mediums{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5% 0}.contacts .mediums .contact-card{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#c1ae70;height:100px;width:300px;margin:20px;box-shadow:-5px 10px 20px #2c2d32;border-radius:20px}.contacts .mediums .contact-card .icon{display:flex;justify-content:center;align-items:center;margin-right:1rem}.contacts .mediums .contact-card a{display:flex;justify-content:center;align-items:center;color:#fff;height:100px;width:300px;font-size:1.2rem}