html{font-size:16px;scroll-behavior:smooth}@media(max-width:460px){html{font-size:14px}}body{background-color:#1d1d1d;color:#909096;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,p{margin:0}h1{color:#f5f5f5;font-size:6rem}@media(max-width:900px){h1{font-size:5rem}}@media(max-width:560px){h1{font-size:3.5rem}}h2{color:#008b8b;font-size:5rem}h4{color:#d3cece;font-size:2.3rem}p{font-size:1.5rem;padding-left:5px}p a{color:#008b8b}input,textarea{background:hsla(0,0%,100%,.171);border-radius:2px;color:inherit;font-family:inherit;font-size:24px;padding:10px}input:focus-visible,textarea:focus-visible{outline:none}input{border-style:ridge;height:50px}input:-webkit-autofill{-webkit-text-fill-color:#8d8d8d;-webkit-transition:background-color 5000s}textarea{resize:none}.btn,button{align-items:center;background:none;border:2px solid #008b8b;color:inherit;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-top:40px;transition:background-color .5s;width:250px}.btn:hover,button:hover{background-color:#008b8b;color:#000}@media(max-width:300px){.btn,button{width:100%}}a{color:inherit;text-decoration:none}li{font-size:1.5rem;list-style:none;margin:10px 0}li span{font-weight:700;margin-right:5px;text-decoration:underline}.main-cmp{align-items:center;display:flex;grid-column:2;min-height:100vh;padding:75px}.main-cmp h1{margin-bottom:100px}@media(max-width:560px){.main-cmp{padding:75px 5px}}.txt-container{max-width:800px}#app{min-height:100vh}#app .app-container{margin-left:150px}@media(max-width:900px){#app .app-container{margin-left:0}}.site-details{grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:200px 1fr;padding:50px 150px}.site-details>:not(h1){grid-row:2}.site-details h1{grid-column:1/-1}.site-details p{font-size:1.5rem;margin-bottom:20px}.site-details p.special{color:red}.site-details a{color:#008b8b;font-size:1.5rem;margin:0 5px}@media(max-width:1200px){.site-details{display:flex;flex-direction:column;padding:50px 5px}.site-details .site-img{width:80%}}@media(max-width:640px){.site-details .site-img{width:100%}}.side-bar{background-color:#181818;display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:fixed;width:150px;z-index:2}@media(max-width:900px){.side-bar{left:-150px;transition:.2s}.side-bar.shown{left:0}}.side-bar .logo-container{padding:5px}.side-bar .logo-container img{width:100%}.side-bar .web-nav{border-top:2.5px solid #282828}.side-bar .link-container{align-items:center;border-bottom:2.5px solid #282828;display:flex;font-size:20px;height:50px;justify-content:center}.side-bar .social-nav{height:25%;text-align:center}.side-bar .social-nav a{margin:0 7px}.side-bar .social-nav a svg{width:1.5rem}.side-bar a{transition:color .15s}.side-bar a:hover{color:#008b8b}.landing{justify-content:space-between}.landing .content{position:relative;z-index:1}.landing img{width:40%}.landing h1{margin-bottom:10px}.landing p{font-size:1.5rem}.landing #tsparticles{height:100%;left:0;position:absolute;width:100%}.landing #tsparticles canvas{position:relative!important}.portfolio .portfolio-container{width:100%}.portfolio .gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,300px);margin-top:50px}@media(max-width:540px){.portfolio .gallery{grid-template-columns:repeat(auto-fill,100%);padding:0}}.site-preview{align-items:center;display:flex;flex-direction:column}.site-preview h4{align-self:flex-start;margin-bottom:10px}.site-preview img{width:100%}.about-container{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:150px 1fr;width:100%}.about-container h1{grid-column:1/-1}.about-container h4 span{font-size:.8em}.about-container .img-container img{border-radius:5px;width:100%}.about-container .details{margin-top:50px}@media(max-width:900px){.about-container{display:inline;display:initial}}.skill-bar-container{padding:10px;width:100%}.skill-bar-container>div{align-items:center;display:flex;justify-content:space-between}.skill-bar-container .skill-bar{background-color:hsla(0,5%,82%,.431);border-radius:5px;height:10px;width:80%}.skill-bar-container .skill-bar div{background-color:#008b8b;border-radius:5px;height:100%}.skills .logos-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:100px auto;width:75%}.skills .framework-logo{margin:10px;width:100px}.skills .skills-container{width:100%}.skills .skills-container ul{display:grid;grid-template-columns:repeat(auto-fill,50%)}@media(max-width:900px){.skills .skills-container ul{grid-template-columns:repeat(auto-fill,100%)}.skills .framework-logo{width:50px}}.contact form{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;width:800px}.contact form .form-message,.contact form .form-subject{grid-column:1/-1}@media(max-width:1100px){.contact form{width:500px}}@media(max-width:640px){.contact form{display:inline;display:initial;width:200px}.contact form>*{margin:2.5px 0;width:100%}}.burger-menu{align-items:center;background-color:#008b8b;border-radius:50%;display:flex;height:50px;justify-content:center;position:fixed;right:25px;top:25px;width:50px;z-index:10}.burger-menu svg{height:50%;width:50%}@media(min-width:900px){.burger-menu{display:none}}.canvas-container{align-self:stretch}.canvas-container canvas{height:100%;width:100%}.img-gallery .img-container{display:flex;overflow:hidden}.img-gallery .img-container .site-img{position:relative;transition:left 1.5s;width:100%}.img-gallery .pagination{display:flex;justify-content:center;margin-top:10px}.img-gallery .pagination .img-idx{background-image:linear-gradient(90deg,hsla(0,0%,50%,.335),hsla(0,0%,100%,.329));border-radius:50%;height:20px;margin:0 10px;width:20px}.img-gallery .pagination .img-idx.now{background-image:linear-gradient(90deg,gray,#fff)}
/*# sourceMappingURL=main.0247cbf3.css.map*/