@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);html{scroll-behavior:smooth}h1,h2,p{cursor:default}body{color:#fff;font-family:Lato,sans-serif;height:100%;margin:0;padding:0;width:100%}header{align-items:center;background:#0e171c;background:linear-gradient(180deg,#0e171c 26%,#01194f 77%);display:flex;flex-direction:column;height:100vh;justify-content:center}p{margin:0}header h1{font-size:4rem}header h2{font-size:2.5rem;margin:0}header p{margin-top:4%;text-align:center}header button{background-color:#0758b7;border:2px solid transparent;border-radius:50vw;bottom:20px;color:#fff;cursor:pointer;position:absolute;transition:.3s ease-in;width:125px}header button a{color:#fff;display:block;font-weight:700;text-decoration:none;width:100%}header button:hover{background-color:#fff;border:2px solid #039cfd;color:#01194f;transition:.3s ease-in-out}header button:hover a{color:#0758b7;transition:.3s ease-in-out}#main{align-items:center;background-color:#01194f;display:flex;height:100vh;justify-content:center;margin:0}.screen{background-image:url(/static/media/screenBackground.ad550f90ad876fd8c7c2.jpg);background-repeat:no-repeat;background-size:cover;border:3px solid #000;display:flex;height:80vh;padding:10px;width:80%}.icons{height:100%;width:10%}.icon,.icons{display:flex;flex-direction:column}.icon{align-items:center;cursor:pointer;font-size:12px;height:80px;margin-top:20px;text-align:center;width:100%}.icon>p{height:30px}.iconImg{height:50px;width:50px}.iconImg>img{height:100%;width:100%}.folder{align-self:center;background-color:#fff;border:3px solid #666;color:#000;height:90%;margin-left:5%;width:70%}.closeLogo{cursor:pointer;height:20px;width:20px}.folderHeader{align-items:center;background-color:#555;color:#fff;display:flex;height:30px;width:100%}.folderHeader>div{align-items:center;display:flex;justify-content:space-between;margin-left:45%;width:54%}.folderBody{height:89%;padding:10px 2%;width:96%}.typing{-webkit-animation:typing 6s steps(30) infinite;animation:typing 6s steps(30) infinite;border-right:2px solid #fff;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}80%{width:337px}}@keyframes typing{0%{width:0}80%{width:337px}}@media (max-width:400px){header h1{font-size:2.2rem;margin:10% 0 0}header h2{font-size:1.6rem;margin:0}.folder{width:83%}.folderHeader>div{margin-left:35%;width:62%}}.skillsFolder{grid-gap:10px;align-content:flex-start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));height:100%;place-items:center;width:100%}.skillsIcon{height:70px;width:71px}.about{display:flex;flex-direction:column;height:100%;justify-content:space-between}.buttons{align-self:center;display:flex;height:35px;justify-content:space-around;margin-top:20px;width:100%}.cv,.linkedin{align-items:center;background-color:#0758b7;border:2px solid transparent;border-radius:50vw;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:.3s ease-in;width:100px}.cv>a,.linkedin>a{color:#fff;display:block;font-weight:700;text-decoration:none;width:110%}.cv:hover,.linkedin:hover{background-color:#fff;border:2px solid #039cfd;color:#01194f;transition:.3s ease-in-out}.cv>a:hover,.linkedin>a:hover{color:#0758b7;transition:.3s ease-in-out}@media(max-width:610px){.about{font-size:12px}}.skillsIcon{display:grid;place-items:center}.skillsIcon>img{height:50px;object-fit:cover;width:50px}ul{list-style-type:none;padding:0}.projectsFolder{display:grid;grid-template-rows:90% 10%;height:100%}.projects{grid-gap:10px;align-content:flex-start;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));height:100%;place-items:center;width:100%}.projects li:hover{cursor:pointer}.buttonContainer{height:100%;width:100%}.button,.buttonContainer{display:flex;justify-content:center}.button{align-items:center;background-color:#0758b7;border:2px solid transparent;border-radius:50vw;color:#fff;cursor:pointer;height:30px;transition:.3s ease-in;width:100px}button>a{color:#fff;display:block;font-weight:700;text-decoration:none;width:110%}button:hover{background-color:#fff;border:2px solid #039cfd;color:#01194f;transition:.3s ease-in-out}button>a:hover{color:#0758b7;transition:.3s ease-in-out}.projectDetails{background-color:#fff;border:3px solid #666;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:35%;position:relative;top:-130%;width:300px;z-index:2}.header{align-items:center;background-color:#555;color:#fff;height:30px}.header,.header>div{display:flex;width:100%}.header>div{justify-content:center}.header>div>img{cursor:pointer;height:20px;position:absolute;right:5px;width:20px}.imgContainer{width:100%}.imgContainer>img{border-bottom:3px solid #555;width:100%}a{color:#000;font-weight:700;text-decoration:none}.description{margin-bottom:20px}@media (max-width:1200px){.projectDetails{width:150px}}@media (max-width:770px){.projectDetails{left:32%;top:-150%}}@media (max-width:400px){.projectDetails{left:20%;top:-120%}}
/*# sourceMappingURL=main.511548d8.css.map*/