@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@300;400;700&display=swap);*{box-sizing:border-box;font-family:Inconsolata,monospace;margin:0;padding:0}a{color:#4c769b;text-decoration:none}body{height:100vh;overflow:hidden;width:100%}ul{list-style:none}.window{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;overflow:hidden;width:100%}.views{height:calc(100% - 6em)}.turnOn{align-items:center;-webkit-animation:turnOnAnimation 3s ease-in-out;animation:turnOnAnimation 3s ease-in-out;background:#3498db;color:#fff;display:flex;flex-direction:column;font-size:30px;height:100%;justify-content:center;left:0;position:absolute;top:-100%;width:100%;z-index:999}.turnOn i{-webkit-animation:circleAnimation 2s ease-in-out infinite;animation:circleAnimation 2s ease-in-out infinite;font-size:50px;margin:1em}@-webkit-keyframes turnOnAnimation{0%{top:0}80%{opacity:1}to{opacity:0;top:0}}@keyframes turnOnAnimation{0%{top:0}80%{opacity:1}to{opacity:0;top:0}}@-webkit-keyframes circleAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circleAnimation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.turnOff{align-items:center;background:#010409;color:#fff;display:flex;flex-direction:column;font-size:30px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:99999}.turnOff i{font-size:60px;margin-bottom:.3em}.hiden{display:none}.desktop{align-items:top;background:url(/Portfolio2022/static/media/wallpaper.af879b37a6a9289b77c9.jpg);background-position:50%;background-size:cover;height:calc(100vh - 3em);padding:2em 1em;width:100%}.desktop,.desktop .icons{display:flex;flex-direction:column;justify-content:left}.desktop .icons{align-items:left;color:#fff;white-space:pre-wrap}.desktop .icons .icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-align:center;width:80px}.desktop .icons .icon:active i{-webkit-transform:scale(.8);transform:scale(.8)}.desktop .icons .icon .terminal-icon{background:#000;border-radius:5px;font-size:20px;margin-bottom:.5em;padding:7px}.desktop .icons .icon .folder{font-size:25px;margin:.5em}.taskbar{background:#0d1117;height:3em;width:100%}.taskbar,.taskbar .icon{align-items:center;display:flex;justify-content:center}.taskbar .icon{flex-direction:column;height:100%;padding:0 1em;transition:.1s ease-in-out}.taskbar .icon:active i{-webkit-transform:scale(.8);transform:scale(.8)}.taskbar .icon:hover{background:#161d27;cursor:pointer}.taskbar .icon .terminal-icon-logo{color:#fff}.taskbar .icon .folder,.taskbar .icon .so-icon{color:#fff;font-size:25px}.taskbar .start{position:relative;transition:.3s}.taskbar .start .open{bottom:100%}.taskbar .start .open .Bg{height:100%;transition:.3s}.taskbar .start .close{top:100%}.taskbar .start .close .Bg{height:0;transition:.3s}.taskbar .start .startMenu{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s ease-in;width:15em}.taskbar .start .startMenu .Bg{align-items:center;background:#131821;color:#4c769b;color:#fff;display:flex;justify-content:center;padding:1em 0;transition:.3s;width:100%}.taskbar .start .startMenu .Bg i{color:#fff;font-size:20px;margin-right:1em}.curriculum{color:#fff;font-size:16px;padding-top:1em;text-decoration:none}.curriculum i{font-size:30px;margin-bottom:.3em}.terminal{background:#0d1117;border-radius:5px;color:#4c769b;position:absolute;transition:.3s}.small{height:calc(100vh - 10em);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 4em)}.big{height:calc(100% - 3em);width:100%}.top{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.top .name{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.top .buttons{align-items:center;display:flex;height:1.5em;justify-content:left;width:100%}.top .buttons .button{border-radius:50%;cursor:pointer;height:.5em;margin-left:1em;width:.5em}.top .buttons .green{background:#2ecc71}.top .buttons .yellow{background:#f1c40f}.top .buttons .red{background:#e74c3c}nav{background:#010409;height:2.5em;justify-content:left}nav,nav a{align-items:center;display:flex}nav a{border:1px solid #0d1117;height:100%;justify-content:center;padding:0 1.2em}nav .active{background:#0d1117;color:#8a6e35;position:relative}nav .active:before{background:#8a6e35;content:"";height:1px;left:0;position:absolute;top:0;width:100%}.hello{height:100%;width:100%}.hello .command{display:flex;font-size:20px;justify-items:center;padding:.5em 1em;width:100%}.hello .command .sign{width:1em}.hello .command input{background:#0d1117;border:none;color:#4c769b;font-size:18px;width:calc(100% - 1em)}.hello .command input:focus{outline:none}.hello .terminal-function{height:calc(100% - 2.5em);padding:0 1em;position:relative;width:100%}.myData{height:100%;width:100%}.myData .name{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.myData .name .text{color:#fff}.myData .name .myName{color:#fff;display:flex;font-weight:700;justify-content:left;margin-right:0;position:relative;white-space:nowrap}.myData .projects{align-items:center;display:flex;justify-content:center;width:100%}.myData .projects .projectCardHello{border-radius:10px;box-shadow:-4px 2px 31px 1px #2a4257;-webkit-box-shadow:-4px 2px 31px 1px #2a4257;-moz-box-shadow:-4px 2px 31px 1px #2a4257;overflow:hidden;position:relative;transition:.3s ease-in-out}.myData .projects .projectCardHello .card{align-items:center;background:#0d1117;border:1px solid #2a4257;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.myData .projects .projectCardHello .card .text{align-items:center;display:flex;justify-content:space-between;padding:1em;width:100%}.myData .projects .projectCardHello .card .text .title{color:#8a6e35}.myData .projects .projectCardHello .card .text .commit{font-size:13px}.myData .projects .projectCardHello .card .terminal-project{background:#010409;border-radius:5px;display:flex;height:70%;margin-bottom:1em;padding:1em;width:90%}.myData .projects .projectCardHello .hover{background:blur(3px);bottom:0;-webkit-filter:blur(3px);filter:blur(3px);height:100%;opacity:0;position:absolute;transition:.2s ease-in-out;width:100%}.myData .projects .projectCardHello .hover .button{background:#8a6e35;bottom:20px;color:#fff;padding:.5em 1em;position:absolute;width:100%}.myData .projects .projectCardHello:hover .hover{-webkit-filter:blur(0);filter:blur(0);opacity:1}.myData .projects .projectCardHello:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media (max-width:800px){.myData{align-items:center;display:flex;flex-direction:column;justify-content:center}.myData .name{height:40%}.myData .projects{height:50%}.myData .name>*{width:90%}.myData .myName{font-size:35px;white-space:nowrap}.myData .projects .projectCardHello{height:80%;width:80%}}@media (min-width:800px){.myData{display:grid;grid-template-columns:1fr 1fr}.myData .name,.myData .projects{height:100%}.myData .name>*{width:70%}.myData .myName{font-size:60px}.myData .dev{margin-bottom:2.5em}.myData .projects .projectCardHello{height:50%;width:50%}}.commandComponent{padding:.5em 1em}.commandComponent ul{padding:0 2em}.footer{border-top:1px solid #2a4257;height:2em;width:100%}.footer,.footer .social{align-items:center;display:flex}.footer .social{height:100%;justify-content:left;width:calc(100% - 5em)}.footer .social>*{border-right:1px solid #2a4257;height:100%;padding:.5em}.footer .time{align-items:center;display:flex;font-size:13px;justify-content:center;width:5em}.about{height:100%;width:100%}@media (max-width:800px){.about{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.about .sidebar{display:none}.about .aboutMe .text{padding:0 1em}.about .aboutMe .technologies{font-size:30px;width:90%}}@media (min-width:800px){.about{display:grid;grid-template-columns:auto 20%}.about .sidebar{height:100%}.about .aboutMe .technologies{font-size:40px;width:50%}}.sidebar{background:#010409;padding:1em 1.5em}.sidebar ul li{cursor:pointer;margin-bottom:1px}.sidebar .parentList{margin-top:1em}.sidebar .parentList .green{color:#2ecc71}.sidebar .parentList .yellow{color:#f1c40f}.sidebar .parentList .red{color:#e74c3c}.sidebar .parentList .orange{color:#e67e22}.sidebar .parentList .blue{color:#3498db}.sidebar .parentList .childList{padding:2px .5em}.aboutMe{align-items:center;display:flex;flex-direction:column;justify-content:center}.aboutMe .technologies{align-items:center;display:flex;justify-content:space-between;margin-top:1em}.cardProject{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;transition:.2s ease-out;width:100%}.cardProject:hover{-webkit-transform:translateY(-1em);transform:translateY(-1em)}.cardProject .img{border-radius:1em;height:80%;overflow:hidden;position:relative;width:90%}.cardProject .img .link{align-items:center;background:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.2s ease-in-out;width:100%}.cardProject .img .link span{background:#3498db;border-radius:1em;color:#fff;font-size:15px;opacity:0;padding:1em;transition:.2s ease-in-out}.cardProject .img:hover .link,.cardProject .img:hover .link span{opacity:1}.cardProject img{bottom:0;height:auto;top:0;width:100%}.cardProject .name{font-size:20px;text-align:center}.cardProject .buttons{align-items:center;display:flex;justify-content:space-around;padding:.3em;width:100%}.cardProject .buttons .link{border:1px solid #3498db;border-radius:1em;font-size:13px;padding:.5em}.cardProject .buttons .link:hover{background:#3498db;color:#fff}.projectsComponent{grid-column-gap:1.5em;grid-row-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;display:grid;height:100%;overflow-y:scroll;padding:2em 3em;row-gap:1.5em;width:100%}.projectsComponent::-webkit-scrollbar{width:10px}@media (max-width:800px){.projectsComponent{grid-template-columns:repeat(1,1fr)}}@media (min-width:800px){.projectsComponent{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.ce0bf616.css.map*/