@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,400;1,900&display=swap);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}html{scroll-behavior:smooth}*{box-sizing:border-box;color:#dcdcdc;font-family:Roboto,serif;text-decoration:none}.App{text-align:center}.App-link{color:#61dafb}#page{background:#000 url(/static/media/background.d26f2b8fb479ad4eea1f.png) no-repeat fixed;margin-top:50px;min-height:calc(100vh - 50px);min-width:100%}button{align-items:center;background-color:#000;border:1px solid var(--border-color);display:inline-flex;font-weight:600;justify-content:center;padding:2px 15px}button *{color:#b4b4b4}button>svg{padding-left:15px}button:hover{background-color:#fff!important;color:#000;cursor:pointer}button:hover *{color:#000!important}::-webkit-input-placeholder{font-style:italic}:-moz-placeholder,::-moz-placeholder{font-style:italic}:-ms-input-placeholder{font-style:italic}@media only screen and (max-width:840px){#page{margin-top:revert}}:root{--nav-color:#787878;--nav-color-active:#f1f1f1;--primary-color:#414141}a:visited{color:#787878;color:var(--nav-color);text-decoration:none}a:hover{cursor:pointer}nav{align-items:center;background-color:#000;border-bottom:1px solid #787878;border-bottom:1px solid var(--nav-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:fixed;top:0;width:100%;z-index:100}nav *{font-weight:700;text-decoration:none}#links{align-items:center;display:flex;flex-direction:row;flex-grow:1;height:50px}nav #links div{color:#787878;color:var(--nav-color);padding:10px 35px}#links div:hover{color:#f1f1f1;color:var(--nav-color-active)}.primary{align-items:center;background-color:#414141;background-color:var(--primary-color);display:flex;flex-direction:row;font-weight:700;gap:5px;height:50px;justify-content:center;min-width:100px;padding:0 10px}.primary:hover,.primary:hover *{background-color:#3d3d3d;color:#fff}#blog>img{height:30px;padding-left:5px}a .active{color:#f1f1f1!important;color:var(--nav-color-active)!important}@media only screen and (max-width:840px){#admin>img{filter:brightness(4)}#blog,#home{background-color:#000;color:#787878;color:var(--nav-color)}nav #links div{padding:10px 15px}}.about-container{align-items:center;display:flex;gap:50px}.info-container{align-items:flex-end;display:flex;flex-direction:row}.info-container>div{flex-grow:1}.picture{border-radius:50%;box-shadow:0 0 10px #00000080;height:auto;max-height:clamp(100px,30vw,400px);max-width:clamp(100px,30vw,400px);width:100%}#About{display:flex;flex-direction:column;padding:50px 100px 100px}#About>*{text-align:left}#iam{font-size:40px;font-style:italic;padding-left:5px}#iam,#title{margin-bottom:0}#title{font-size:120px;margin-top:0}#tools{display:flex;flex-wrap:wrap}#tools .InfoBox{margin-bottom:10px;margin-right:10px}#section-2{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}#languages{column-width:562px;flex-grow:1}#projects{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}#filter{display:flex;flex-direction:row;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:.5rem;position:relative;scroll-snap-type:x mandatory;text-transform:capitalize}#filter::-webkit-scrollbar{height:.5em;width:.5em}#filter::-webkit-scrollbar-thumb,#filter::-webkit-scrollbar-track{background-color:initial}#filter:hover::-webkit-scrollbar-track{background-color:#85858540}#filter:hover::-webkit-scrollbar-thumb{background-color:var(--nav-color)}#filter>label{align-items:center;border:1px solid var(--border-color);display:flex;padding-left:5px;scroll-snap-align:start;-webkit-user-select:none;user-select:none}#filter>label:hover{border-color:var(--nav-color)}#socials{display:flex;flex-wrap:wrap;gap:10px}@media only screen and (max-width:840px){.about-container{flex-wrap:wrap}#About{padding:145px 15px 15px}#iam{font-size:25px}#title{font-size:50px}#wholeProgressBar{width:200px!important}#languages{column-width:430px;padding-right:0}#projects>div{margin-right:0}#languages{max-height:none}#tools .InfoBox{margin-right:0!important}.posts{min-width:100%}}:root{--border-color:#3d3d3d}.Project{border:1px solid #3d3d3d;border:1px solid var(--border-color);display:inline-flex;flex-direction:column;width:500px}.Project #toolsUsed{align-items:center;background-color:#000;display:flex;font-size:14px;font-style:normal;line-height:16px;padding:10px}.Project #tools{align-items:center;display:flex;height:100%;margin-left:5px}.Project>#toolsUsed>#tools>a>div{padding-right:5px}.Project>#info>h3,.Project>#info>p{padding-left:15px}.Project>#info{border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color);min-height:200px;position:relative;width:100%}.Project>#info>#darkOverlay{height:100%;position:absolute;right:0;top:0;width:100%}.Project>#info>#infoText{display:flex;flex-direction:column;height:200px;justify-content:space-between;position:absolute;width:100%}.Project>#info>#infoText *{overflow-wrap:break-word;padding:0 10px}.Project>#info>#infoText>div{align-items:baseline;display:flex}.Project>#info>#infoText>div>pre{color:#b4b4b4;font-size:12px;padding-left:0;text-shadow:-1px 2px 14px #000}.Project>#info>#infoText>p{font-size:15px;font-weight:300}.Project>#links>a:not(:last-child){border-right:1px solid #3d3d3d;border-right:1px solid var(--border-color)}.Project>#links{border-top:1px solid #3d3d3d;border-top:1px solid var(--border-color)}.Project>#links>a{text-align:center;width:100%}.Project>#links>a>div{align-items:center;display:flex;justify-content:center}.Project>#links>a:hover *{background-color:#f1f1f1;color:#000!important}@media only screen and (max-width:840px){.Project{width:100%!important}}.contact-form{width:100%}.contact-form textarea,input{background-color:#000;border:1px solid var(--border-color);font-size:15px;padding:10px;resize:vertical;width:100%}.contact-form input[type=submit]{background-color:#000;border-color:var(--border-color);border-style:solid;border-width:1px;cursor:pointer;font:inherit;outline:inherit;padding:10px;width:100%}.contact-form input[type=submit]:hover{background-color:#fff;color:#000}.contact-form input[type=submit]:disabled{background-color:#000;color:#61dafb}.posts{border:1px solid var(--border-color);max-width:400px;width:100%}.posts h2{border-bottom:1px solid var(--border-color);padding:0 20px 20px}.post-container{display:flex;flex-direction:column;gap:25px}.post{padding:0 20px}.post *{color:#a1a1a1}.post:hover *{color:#fff}.content{margin:2rem}.m-checkbox{align-items:center;display:flex;padding:.5rem}.m-checkbox__label{color:#fff;cursor:pointer;flex-shrink:0;padding:.5rem 1rem}.m-checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#252224;border:2px solid var(--nav-color);cursor:pointer;flex-shrink:0;height:20px;outline:none;position:relative;width:20px}.m-checkbox__input:checked{border:2px solid #5dceee}.m-checkbox__input:before{background:#5dceee;bottom:50%;content:" ";left:50%;position:absolute;right:50%;top:50%;transition:all .1s}.m-checkbox__input:checked:before,.m-checkbox__input:indeterminate:before{bottom:2px;left:2px;right:2px;top:2px}.m-checkbox__input:indeterminate:before{bottom:7px;top:7px}.m-checkbox__input:disabled{border-color:#5a5358;cursor:default}.m-checkbox__input:disabled:before{background-color:#5a5358}.m-checkbox__input:disabled+.m-checkbox__label{color:gray;cursor:default}.m-checkbox--has-error__input{background-color:#f003;border-color:red}.m-checkbox--has-error__input:before{background-color:red}.m-checkbox--switch__label:after{content:"off";margin-left:.25rem}.m-checkbox--switch__input{border:2px solid #5a5358;border-radius:16px;height:20px;width:36px}.m-checkbox--switch__input:before{background:#5a5358;border-radius:50%;bottom:2px;left:2px;right:18px;top:2px}.m-checkbox--switch__input:checked{border-color:#5dceee}.m-checkbox--switch__input:checked+.m-checkbox--switch__label:after{content:"on"}.m-checkbox--switch__input:checked:before{background:#5dceee;left:18px;right:2px}#Error404>h1{margin-bottom:0}#Error404 p{background-color:#f1f1f1;color:#000;display:inline-block;font-weight:600;padding:10px;width:auto}
/*# sourceMappingURL=main.e9350657.css.map*/