body{font-family:Montserrat,sans-serif;background:#06142e}*{padding:0;margin:0;font-family:Montserrat,sans-serif}html{font-size:16px;font-family:Montserrat,sans-serif}a{text-decoration:none;color:#7f7fc5}p{line-height:1.5rem;margin-bottom:.7rem}h1,h2{line-height:4rem}.col-2{display:grid;grid-template-columns:1fr;gap:20px;width:100%;height:25rem;overflow-y:scroll;scroll-behavior:smooth}.col-2-fix{height:20rem}.container{display:flex;align-items:center;justify-content:center;height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.content:hover::-webkit-scrollbar-thumb{background:rgb(194,194,194)}.col-2:hover::-webkit-scrollbar-thumb{background:rgb(194,194,194)}.header{display:flex;flex-direction:column;align-items:center;width:500px;height:100%;border-radius:30px;color:#fff;overflow:auto}.header-img{width:150px;height:auto;border-radius:50%;margin:100px 10px 10px;box-shadow:0 0 10px 2px #00000080}.header h2{font-size:1.5rem}.header h3{font-size:1rem;font-weight:400}.socials{margin:20px}.socials a{color:#fff;margin:0 10px;transition:.2s linear;transition-property:background-color,color}.socials a:hover{color:#7f7fc5;transition:.2s linear;transition-property:background-color,color}.header .cta{color:#f5d7db;background-color:#1b3358;padding:10px 20px;margin:50px 0;border-radius:30px;border:none;transition:.2s linear;transition-property:background-color,color;box-shadow:0 0 10px 2px #0000001a;cursor:pointer}.header .cta:hover{color:#1b3358;background-color:#bd83b8;transition:.2s linear;transition-property:background-color,color;font-weight:700}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;order:2;background:#fff;width:70px;margin-left:20px;border-radius:35px;padding:15px 0;box-shadow:0 0 20px 1px #0000001a}.menu-icon{font-size:2rem;color:#c2c2c2;margin:15px}.menu-icon:hover{color:#c2c2c2}.portfolio{display:flex;background:#473e66;height:80vh;width:85vw;max-width:1200px;border-radius:30px;box-shadow:0 0 20px 1px #0000001a;color:#bd83b8}.content{border-radius:30px;background:white;width:100%;height:100%;overflow:auto;scroll-behavior:auto}.content-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;margin:0 50px}.home h1{font-size:3.5rem;font-weight:bolder;text-align:center;margin:20px}.about{display:flex;flex-direction:column}.about-item{width:100%;margin:0 auto}.language{margin-bottom:15px}.language p{margin:0}.bar{background:rgba(0,0,0,.1);display:block;height:8px;border-radius:10px;overflow:hidden}.bar span{height:8px;float:left;background:#7f7fc5}.spanish{width:100%}.english{width:80%}.skill{background-color:#7f7fc5;color:#fff;line-height:35px;padding:5px 10px;border-radius:15px}.project-list{margin:20px 0}.project-tile{position:relative;display:flex;flex-direction:column;justify-content:end;background:var(--light-grey);color:transparent;width:100%;height:300px;margin:auto;overflow:hidden;box-shadow:0 0 10px 1px #0000001a}.project-tile img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:1;filter:contrast(70%) brightness(110%) grayscale(20%)}.overlay{background:rgba(168,133,143,.8784313725);display:flex;flex-direction:column;justify-content:end;width:0%;height:100%;color:#fff;z-index:2;transition:.5s ease}.project-description{line-height:normal;max-width:210px;margin:20px;position:absolute;left:-250px;transition:.5s ease}.project-tile:hover .overlay{width:100%;cursor:pointer;transition:.5s ease}.project-tile:hover .project-description{left:0;cursor:pointer;transition:.5s ease}.project-linkButton{background-color:#7f7fc5;color:#fff;line-height:35px;padding:15px 10px 5px;border-radius:15px;margin:0 20px 0 0}.project-linkButton:hover{color:#fff;background-color:#5f5fb7;transition:background-color .2s linear 0s,color;cursor:pointer}.timeline{position:relative}.timeline:before{content:"";position:absolute;width:2px;top:55px;height:calc(100% - 100px);background-color:#7f7fc5;z-index:100}.timeline-date{position:relative}.timeline-date:before{content:"";position:absolute;background-color:#7f7fc5;left:-25px;top:5px;width:12px;height:12px;border-radius:50%}.timeline-items{margin-left:20px}.timeline-item{margin:50px 0}form{width:100%;max-width:600px}.input-box{display:flex;align-items:center}.input-box input,.input-box textarea{width:100%;margin:1rem;color:#fff;font-size:1rem;padding-left:.3rem}.input-box input::placeholder,.input-box textarea::placeholder{color:#06142e;font-size:1rem;padding-left:.3rem}.input-box textarea::placeholder{padding-top:.3rem}.input-box input:focus,.input-box textarea:focus{box-shadow:0 0 10px 1px #0000001a;outline:none}.text-input{height:2rem;background-color:transparent;border:none;border-bottom:solid 2px #7f7fc5}textarea{height:4rem;border:none;border-bottom:solid 2px #7f7fc5}.submit-btn{background-color:#06142e;padding:10px 20px;margin:50px 0;border-radius:30px;border:none;box-shadow:0 0 10px 2px #0000001a}.submit-btn:hover{font-weight:700;color:#fff;background-color:#473e66;transition:.2s linear;transition-property:background-color,color;cursor:pointer}@media screen and (max-width: 1200px){html{scroll-behavior:smooth}.container{height:auto;flex-direction:column}.portfolio{flex-direction:column;height:100%;margin:30px 0 100px}.content{padding-bottom:100px}.header{width:100%;height:100%}.content-card{padding:100px 0 0}.menu{flex-direction:row;position:fixed;bottom:15px;z-index:1000;width:auto;height:fit-content;border-radius:50px;margin:0}.menu-icon{font-size:2rem;margin:0 15px}.home h1{font-size:3rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}}@media screen and (min-width: 750px){.col-2{grid-template-columns:1fr}.menu-icon{font-size:1.5rem}.skill{padding:5px 8px}::-webkit-scrollbar{display:none}}@media screen and (max-width: 400px){.content-card{margin:0 30px}.home h1{font-size:2rem;line-height:2.5rem}.skill{padding:5px 6px}.project-linkButton{margin:0}#navbar{position:fixed;margin:0;padding:0;width:0;height:0}}h4{margin-top:1rem}