@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;300;400;700&display=swap);.left{width:15%;background:no-repeat linear-gradient(180deg,#000 70%,#070707);text-align:center;border-right:1px solid #2da199}.left__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.left h1{margin-top:50px;margin-bottom:100px;font-size:25px}.left__files{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px 0;width:100px;height:100px}.left__files:hover{border:1px solid #2da199;background-color:#000;cursor:pointer}.left__files:active{-webkit-transform:scale(1.02);transform:scale(1.02)}.left__files span{color:inherit;text-align:center}@media(max-width:768px){.left{z-index:100;width:100%;height:25%}.left h1{display:none}.left__content{flex-direction:row;justify-content:space-between;padding:20px 50px 50px;height:100%}.left__files:hover{border:1px solid transparent;background-color:transparent;cursor:pointer}.left__files:active:hover{border:1px solid rgba(33,128,165,.8);background-color:rgba(52,135,168,.6);cursor:pointer}.left__files span{font-size:18px}}@media(max-width:575px){.left__files{width:75px;height:75px;margin:0}.left__files span{font-size:14px}.left__files svg{width:30px;height:30px}}@media(max-width:385px){.left__content{padding:30px 20px;height:100%}.left__files{margin:5px 0}}.right{margin:0 auto}.right h1{margin-top:50px;font-size:25px}.folder{position:absolute;border-radius:5px;background-color:#0f0f0f;box-shadow:10px 10px 1px rgba(0,0,0,.0509803922);border:1px solid #2da199;-webkit-animation:animWindow .8s cubic-bezier(.19,1,.22,1);animation:animWindow .8s cubic-bezier(.19,1,.22,1)}.folder__top{z-index:100;justify-content:space-between;width:100%;padding:0 15px;font-size:15px;border-radius:5px 5px 0 0;background-color:#151515;border-bottom:1px solid #2da199}.folder__top,.folder__top__name{display:flex;align-items:center;height:35px}.folder__top__name{width:auto}.folder__top__name label{margin-left:10px}.folder__top__draggable{position:static;width:100%;text-align:center;color:transparent;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:grab}.folder__top__draggable:active{cursor:grabbing}.folder__top__close{width:10px;text-align:center}.folder__bottom{display:flex}.folder__bottom__file{margin:20px}.folder__bottom__image{display:block;margin:0 auto;width:auto}.folder__bottom__txt{text-align:center}@media(max-width:768px){.right{width:100%;height:75%;padding:5%}.folder__top__draggable,.right h1{display:none}.folder__bottom{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;padding:20px}.folder__bottom__image{height:35px}}@media(max-width:575px){.folder__bottom__txt{font-size:12px}}@media(max-width:380px){.folder__bottom{padding:10px}.folder__bottom__file{margin:10px 5px}}.projects{width:800px;height:450px;top:30%;left:25%}@media(max-width:1024px){.projects{width:70%;top:15%;left:20%}}@media(max-width:768px){.projects{position:static;width:100%;height:100%;box-shadow:none;-webkit-animation:none;animation:none}}.header{z-index:100;height:3vh;display:flex;align-items:center;justify-content:space-between;padding:0 50px;font-size:14px;background:no-repeat linear-gradient(1turn,#000,#00423e);color:#2da199;border-bottom:1px solid #2da199}.about{width:700px;height:550px;top:25%;left:35%;font-size:20px}.about__content{display:block;padding:40px}@media(max-width:1024px){.about{top:10%;left:25%}}@media(max-width:768px){.about{position:static;width:100%;height:100%;box-shadow:none;-webkit-animation:none;animation:none}.about__content{font-size:16px;padding:0 25px}}@media(max-width:385px){.about__content{font-size:12px}}body{margin:0;overflow:hidden!important;color:#2da199;background:no-repeat linear-gradient(180deg,#000 70%,#00423e);font-family:"Roboto Mono",monospace;font-size:15px}*,:after,:before{box-sizing:border-box}h1{margin:0}a{color:#2da199}.container{display:flex;height:97vh}.rotate{display:none;justify-content:center;align-items:center;flex-direction:column;padding:50px;width:100%;height:100vh;position:fixed;left:0;top:0;z-index:500;background-color:#000}.rotate h1{text-align:center;font-size:25px;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}@-webkit-keyframes animWindow{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes animWindow{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media(max-width:768px){.container{flex-direction:column-reverse}.iframe{display:none}}@media(max-width:575px),screen and (max-height:575px){.rotate{display:flex}}@media(max-width:575px),screen and (orientation:portrait){.rotate{display:none}}
/*# sourceMappingURL=main.d9800bab.chunk.css.map */