body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{height:100vh;overflow:hidden}@media screen and (-webkit-min-device-pixel-ratio:0){body{-webkit-overflow-scrolling:touch;overflow:auto}body::-webkit-scrollbar{display:none}}.App{background-color:#1f2833;overflow:hidden;text-align:center}#Home{align-items:center;justify-content:center;margin:20px 0 0;padding:0}.Header1{color:#c5c6c7;font-size:20px;margin-top:0;padding-bottom:0;padding-top:8%}.Header1,.Header2{font-family:monospace;margin-bottom:0}.Header2{color:#66fcf1;font-size:40px;margin-top:5px;padding-top:0}.Header3{color:#fff;font-family:monospace;font-size:20px;margin-bottom:0;margin-top:0;padding-bottom:100px;padding-top:10px}.circuits{display:flex;height:auto;max-width:700px}.PictureContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;justify-content:center;margin:20px 0}.Column{align-items:flex-start;display:flex;flex-direction:column}.proffesional{border-radius:100px;display:block;height:auto;margin:40px auto 0;max-width:300px}.Link{background-color:#1f2833;color:#66fcf1;cursor:pointer;font-size:20px;margin-top:10px;padding:10px;text-decoration:none;transition:color .5s ease}.Link:hover{color:#fff}.Link2{background-color:#1f2833;border:2px solid #66fcf1;border-radius:20px;color:#66fcf1;cursor:pointer;display:inline-block;font-size:20px;margin-right:10px;padding:8px 10px;text-decoration:none;transition:background-color .5s ease;vertical-align:top}.Link2:hover{background-color:#fff;border:2px solid #fff;color:#1f2833}.navigation{background-color:#1f2833;border:2px solid #66fcf1;border-radius:20px;color:#66fcf1;cursor:pointer;display:inline-block;font-size:20px;margin-right:10px;padding:10px 20px;text-decoration:none;transition:background-color .5s ease;vertical-align:top}.navigation:hover{background-color:#fff;border:2px solid #fff;color:#1f2833}#About{align-items:center;display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){#About{flex-direction:column}}.Bio{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;color:#c5c6c7;font-family:monospace;font-size:20px;margin-left:50px;margin-top:0;max-width:30%;padding:40px;transition:background-color .5s ease}@media (max-width:768px){.Bio{margin-left:0;margin-top:20px;max-width:80%}}.Bio:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.selfie{border-radius:300px;height:auto;margin-right:0;margin-top:0;max-width:20%}@media (max-width:768px){.selfie{margin-top:20px;max-width:50%}}.AboutHeader{border-radius:30px;color:#66fcf1;font-family:monospace;font-size:40px;margin:200px auto 0;padding:20px;text-align:center}#Skills,.AboutHeader{align-items:center;justify-content:center}#Skills{display:flex;margin-top:20px}@media (max-width:768px){#Skills{display:block;text-align:center}}.FrontendHeader{color:#66fcf1;font-size:30px;font-weight:700}.Frontend{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;font-family:monospace;margin-right:20px;margin-top:0;max-width:700px;padding:40px;text-align:center;transition:background-color .5s ease}.Frontend:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.Frontend h4{color:#45a29e;font-size:30px}.Frontend h4,.Frontend p{font-family:monospace;margin:0}.Frontend p{color:#c5c6c7;font-size:20px;padding-bottom:500px}.Backend{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;font-family:monospace;margin-left:10px;margin-top:30px;max-width:600px;padding:20px;text-align:center;transition:background-color .5s ease}.BackendContainer{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-content:center;margin:20px 0}@media (max-width:768px){.BackendContainer{gap:20px;grid-template-columns:1fr}}.column{align-items:flex-start;display:flex;flex-direction:column;width:300px}.column h4,.column p{margin:0;padding:0 50px}.Backend:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.Backend h4{align-items:center;color:#66fcf1;display:flex;font-family:monospace;font-size:24px}.skillIcon{font-size:20px;margin-right:10px}.Backend p{color:#c5c6c7;font-family:monospace;font-size:20px;margin:0;padding-bottom:50px}#Experience{align-items:center;display:flex;justify-content:center;margin:0}.TimelineContainer{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;font-family:monospace;margin-top:30px;max-width:700px;padding:20px;text-align:center;transition:background-color .5s ease}.TimelineContainer:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.Timeline-item{align-items:center;display:flex;margin-bottom:20px}.Timelime-content{padding:20px}.Timelime-content h5{color:#45a29e}.Timelime-content h5,.Timelime-content h6{font-size:15px;margin:0 0 10px;text-align:left}.Timelime-content h6{color:#c5c6c7}.Timelime-content h4{color:#66fcf1;font-size:20px;margin:0 0 10px;text-align:left}.Timelime-content p{color:#c5c6c7;font-size:16px;margin:0;text-align:left}#Portfolio{align-items:center;display:flex;height:auto;justify-content:center}.Slider{display:grid;grid-template-columns:1fr}.Slider div{background-color:#00000080;grid-column-start:1;grid-row-start:1;padding:50px}.slide{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;font-family:monospace;margin:30px auto 0;max-width:700px;opacity:1;padding:20px;transition:opacity .5s ease,background-color .5s ease,transform .5s ease;width:70%}.slide h1{color:#66fcf1;font-size:35px}.slide p{color:#c5c6c7;font-size:20px}.slide.hiddem{display:none;opacity:0;pointer-events:none}.disabled-link{color:grey;cursor:default;pointer-events:none;text-decoration:none}.slide.inactive{opacity:0;pointer-events:none;transform:translateX(-100%)}.slide.active{display:block}.slide:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.next,.prev{background-color:#1f2833;border:2px solid #66fcf1;border-radius:20px;color:#66fcf1;cursor:pointer;display:inline-block;font-size:20px;margin-right:10px;margin-top:20px;padding:8px 10px;text-decoration:none;transition:background-color .5s ease;-webkit-user-select:none;user-select:none;vertical-align:top}.next{right:0}.next:hover,.prev:hover{background-color:#fff;border:2px solid #fff;color:#1f2833}#Contact{align-items:center;display:flex;justify-content:center;margin-top:20px;padding-bottom:100px}.email{background-color:#0b0c10;border:2px solid #0b0c10;border-radius:30px;color:#c5c6c7;display:block;font-family:monospace;font-size:20px;margin-top:0;max-width:500px;padding:40px;text-align:center;text-decoration:none;transition:background-color .5s ease}.email:hover{background-color:#0b0c1069;border:2px solid #0b0c1069}.footer{background-color:#0b0c10;color:#66fcf1;height:200px;padding:20px 0;text-align:center}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0c1099;border-radius:50px;bottom:6%;font-size:20px;left:50%;max-width:800px;overflow:hidden;padding-bottom:25px;padding-top:25px;position:fixed;text-align:center;transform:translateX(-50%);width:30%;z-index:100}@media (max-width:768px){.App-header{font-size:16px;padding-bottom:15px;padding-top:15px;width:90%}}.App-link{color:#61dafb}.navbar1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#45a29e99;border:2px solid #45a29e;border-radius:10px;color:#66fcf1;cursor:pointer;font-size:20px;padding:10px 20px;transition:background-color .5s ease}.navbar1:hover{background-color:#fff;border:2px solid #fff;color:#0b0c10}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#45a29e80;border:2px solid #45a29e;border-radius:10px;color:#66fcf1;cursor:pointer;font-size:20px;margin-left:15px;padding:10px 20px;transition:background-color .5s ease}.navbar:hover{background-color:#fff;border:2px solid #fff;color:#0b0c10}
/*# sourceMappingURL=main.290e8ec5.css.map*/