*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;max-width:100vw;min-height:100vh}.header-content-container{color:#fff;gap:10rem;height:100%;position:absolute;top:0;width:100%}.header-content,.header-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.header-content{gap:1rem}.type-writer{-webkit-text-fill-color:transparent;background:#7f7fd5;background:linear-gradient(90deg,#91eae4,#86a8e7,#7f7fd5);-webkit-background-clip:text;background-clip:text;font-weight:700}.icon-scroll,.icon-scroll:before{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.icon-scroll{border:2px solid #fff;border-radius:25px;height:70px;width:40px}.icon-scroll:before{-webkit-animation:scroll 1.5s cubic-bezier(.65,-.55,.25,1.5) infinite;animation:scroll 1.5s cubic-bezier(.65,-.55,.25,1.5) infinite;background:#fff;border-radius:50%;content:"";height:8px;margin-left:-4px;top:15px;width:8px}@-webkit-keyframes scroll{0%{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}10%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:translateY(30px) scale(.5);transform:translateY(30px) scale(.5)}}@keyframes scroll{0%{opacity:0;-webkit-transform:translateY(0) scale(.5);transform:translateY(0) scale(.5)}10%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:translateY(30px) scale(.5);transform:translateY(30px) scale(.5)}}a{position:relative;z-index:99999999}.icons-container{font-size:25px;gap:2rem}.icons-container,.icons-div{align-items:center;display:flex;justify-content:center}.icons-div{background-color:#000616;border-radius:50%;height:50px;width:50px}.icons-div a{color:#fff}.icons-div:hover{background-color:#020c2b}.icons-div a:hover{scale:1.1;transition:all .4s ease}.intro-container{align-items:center;background-color:rgba(0,0,0,.7);color:#fff;display:flex;gap:2rem;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.profile-image{border-radius:50%;height:250px;padding:1rem;width:250px}.text-area{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0}.project-main-container{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw}.project-container,.project-main-container{display:flex;flex-direction:column;gap:1rem}.project-container h1{font-size:16px}.project-container span{font-size:12px}.project-box{background-color:rgba(0,0,0,.7);border:3px solid transparent;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:.5rem}.project-box img{border-radius:6px;width:350px}.project-box a{background-color:initial;border:2px solid #7f7fd5;color:#fff;font-size:15px;padding:.5rem .2rem;text-align:center;text-decoration:none;width:200px}.project-box:hover{scale:1.1;transition:all .5s ease-in-out}.project-box a:hover{background-color:#7f7fd5;transition:all .3s ease}.box-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}@media screen and (min-width:320px) and (max-width:480px){.icons-container{font-size:15px;gap:1rem}.icons-div{height:30px;width:30px}.intro-container{flex-direction:column;gap:.5rem;padding:.5rem 2rem;width:100vw}.intro-container h1{font-size:16px}.profile-image{height:150px;width:150px}.project-main-container{font-size:8px;max-height:100vh;padding:1rem;width:100vw}.project-container{gap:.5rem}.project-box img{display:none}.project-box h1{font-size:12px}.project-box span{font-size:10px}.project-box a{border-width:1px;font-size:10px;padding:0;width:100px}}@media screen and (min-width:481px) and (max-width:768px){.intro-container{flex-direction:column;padding:0 2rem;width:100vw}.intro-container h1{font-size:16px}.profile-image{height:150px;width:150px}.project-container{gap:.5rem}.project-box img{display:none}.project-box h1{font-size:12px}.project-box span{font-size:10px}.project-box a{border-width:1px;font-size:10px;padding:0;width:100px}}@media screen and (min-width:769px) and (max-width:1024px){.intro-container{padding:0 2rem;width:100vw}.intro-container h1{font-size:16px}.profile-image{height:200px;width:200px}.project-box img{display:none}}@media screen and (min-width:1025px) and (max-width:1200px){.intro-container{padding:0 2rem;width:100vw}.project-main-container{width:80vw}}@media screen and (min-width:1201px) and (max-width:1920px){.intro-container{padding:0 2rem;width:70vw}}
/*# sourceMappingURL=main.fa088804.css.map*/