body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-snap-align:start}.app{background:#202020;background-image:radial-gradient(circle farthest-corner at 10% 20%,#3b3e48 0,#1e2024 90%);display:flex;width:100%}@media(min-height:421px)and (max-width:768px){.app{background-image:radial-gradient(circle farthest-corner at 10% 80%,#3b3e48 0,#1e2024 90%)}}.app .sections-container{flex:9 1;position:relative;overflow:hidden}.app .sections-container .sections{position:relative;top:0;max-height:100vh;min-height:100vh;scroll-behavior:smooth;scrollbar-width:none;overflow:overlay}.app .sections-container .sections::-webkit-scrollbar{width:18px}.app .sections-container .sections::-webkit-scrollbar-track{background-color:transparent;background:transparent}.app .sections-container .sections::-webkit-scrollbar-thumb{background-color:hsla(0,0%,45.1%,.7);border:6px solid transparent;background-clip:content-box}.app .sections-container .sections>*{scroll-snap-align:start}.app .sections-container .sections a{text-decoration:none;color:#f7f7f7}@media(min-height:421px)and (max-width:768px){.app .sections-container .sections{top:unset;max-height:calc(100vh - 60px);min-height:calc(100vh - 60px)}.app .sections-container .sections::-webkit-scrollbar-track{margin-top:unset;margin-bottom:60px}}:root{--app-height:100%;--section-height:calc(100% - 70px)}.app{height:100%;height:var(--app-height)}.about,.contact,.home,.portfolio,.projects,.sections,.skills{height:calc(100% - 70px);height:var(--section-height)}.navbar{position:absolute;top:0;width:100%;height:70px;background-color:rgba(33,38,42,.8);color:#f7f7f7;z-index:100;transition:all .5s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid #000;box-shadow:0 0 10px 4px rgba(0,0,0,.4);display:none}@media(min-height:421px)and (max-width:768px){.navbar{display:flex;justify-content:center;align-items:center;top:unset;bottom:0;position:fixed;border-bottom:unset;border-top:2px solid #000;height:60px;overflow:visible}}@media(max-height:500px)and (max-width:500px){.navbar{display:none}}.navbar .wrapper{padding:10px 30px;display:flex;align-items:center;justify-content:space-between}@media(min-height:421px)and (max-width:768px){.navbar .wrapper{display:flex;justify-content:space-between;align-items:center;width:100vw;padding:10px 18px}}@media(max-height:500px)and (max-width:500px){.navbar .wrapper{display:flex;justify-content:space-between;align-items:center;width:100vw;padding:10px 18px}}.navbar .right,.navbar .right .logo{display:flex;align-items:center}.navbar .right .logo{font-size:40px;text-decoration:none;font-family:700;color:inherit;justify-content:center}.navbar .right .logo .logo-img{max-height:40px}@media(min-height:421px)and (max-width:768px){.navbar .right .logo{display:flex;justify-content:center;align-items:center}}@media(max-height:500px)and (max-width:500px){.navbar .right .logo{display:flex;justify-content:center;align-items:center}}.navbar .right .logo .navbar-svg{max-height:40px;max-width:40px;border-radius:50%;background-color:#23c5d9;background-size:200% 200%}.navbar .right .logo .navbar-svg .navbar-svg-g{fill:rgba(33,38,42,.8)}.navbar .center,.navbar .center .nav-button{display:flex;align-items:center;justify-content:center}.navbar .center .nav-button{padding:10px;border-radius:5px}.navbar .center .nav-button:hover{background-color:hsla(0,0%,100%,.1)}@media(min-height:421px)and (max-width:768px){.navbar .center .nav-button:hover{background-color:hsla(0,0%,100%,0)}}.navbar .center .center-button{margin:0 20px}.navbar .center .up-arrow{margin-right:20px}@media(min-height:421px)and (max-width:768px){.navbar .center .up-arrow{bottom:7px;left:37%}}@media(max-height:420px)and (min-width:700px){.navbar .center .up-arrow{bottom:unset;left:unset;top:20px;right:15px}}.navbar .center .down-arrow{margin-left:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media(min-height:421px)and (max-width:768px){.navbar .center .down-arrow{bottom:7px;right:37%}}@media(max-height:420px)and (min-width:700px){.navbar .center .down-arrow{bottom:20px;left:unset;right:15px}}.navbar .center .arrow-img{width:30px}.navbar .center .arrow-svg,.navbar .center .arrow-svg .arrow-g{max-height:34px;max-width:34px}.navbar .left{overflow:visible;display:flex;align-items:center;justify-content:center;min-width:40px}.navbar .left .hamburger{width:30px;height:25px;padding:0 5px;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:visible;display:none}@media(min-height:421px)and (max-width:768px){.navbar .left .hamburger{display:flex}}.navbar .left .hamburger span{width:100%;height:4px;background-color:#23c5d9;-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease}.navbar.active{background-color:rgba(0,0,0,.88);color:#f7f7f7}.navbar.active .hamburger span:first-child{background-color:#dc143c;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:#dc143c;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.home{background-size:cover;background-position:50%;display:flex;height:100%}@media(min-height:421px)and (max-width:768px){.home{flex-direction:column;align-items:center;padding-bottom:70px}}.home .editor-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.home .editor-container .editor{width:90vw;max-width:700px;height:400px;background-color:#202020;display:flex;flex-direction:column;box-shadow:5px 5px 5px 1px rgba(0,0,0,.35);border-radius:5px}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor{height:280px}}@media(max-height:420px)and (min-width:700px){.home .editor-container .editor{height:80%;max-height:250px;max-width:500px}}.home .editor-container .editor .top-bar{background-color:#1f2329;height:22px;width:100%;display:flex;flex-direction:row-reverse;align-items:center}.home .editor-container .editor .top-bar .circle{width:11px;height:11px;border-radius:50px;margin-left:15px;cursor:pointer}.home .editor-container .editor .top-bar .red{background-color:#fd4267;border:1px solid #c21336;margin-right:10px}.home .editor-container .editor .top-bar .red:hover{border:1px solid #fa6684;background-color:#fa6684}.home .editor-container .editor .top-bar .yellow{background-color:#ecd23b;border:1px solid #c9ad0f}.home .editor-container .editor .top-bar .yellow:hover{background-color:#f8e962;border:1px solid #f8e962}.home .editor-container .editor .top-bar .green{background-color:#37ce37;border:1px solid green}.home .editor-container .editor .top-bar .green:hover{border:1px solid #5af05a;background-color:#5af05a}.home .editor-container .editor .center{display:flex;width:100%;height:100%;overflow:hidden}.home .editor-container .editor .center .sidebar{width:5%;min-width:33px;height:100%;background-color:#2c3138;display:flex;flex-direction:column;align-items:center}.home .editor-container .editor .center .sidebar .circle{width:20px;height:20px;margin-top:10px;border-radius:50px;cursor:pointer;background-color:#1f2329}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .sidebar .circle{width:17px;height:17px}}.home .editor-container .editor .center .sidebar .circle:hover{background-color:hsla(0,0%,100%,.8)}.home .editor-container .editor .center .sidebar .filled{background-color:#929292}.home .editor-container .editor .center .filebar{height:100%;width:15%;display:flex;flex-direction:column;padding:10px;background-color:#1f2329}.home .editor-container .editor .center .filebar .file{width:80%;height:16px;margin-bottom:10px;border-radius:2px;background-color:#afafaf;opacity:.5;cursor:pointer}.home .editor-container .editor .center .filebar .file:hover{opacity:1}@media(max-height:420px)and (min-width:700px){.home .editor-container .editor .center .filebar .file{height:12px}}.home .editor-container .editor .center .filebar .open{opacity:1}.home .editor-container .editor .center .filebar .red{background-color:#fd4267}.home .editor-container .editor .center .filebar .yellow{background-color:#ffe240}.home .editor-container .editor .center .filebar .aqua{background-color:#37bcce}.home .editor-container .editor .center .filebar .green{background-color:#3ace37}.home .editor-container .editor .center .filebar .purple{background-color:#653ce9}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .filebar{width:15%}}.home .editor-container .editor .center .openDoc{height:100%;width:80%;background-color:#2c3138;overflow:hidden;display:flex}.home .editor-container .editor .center .openDoc .lines{display:flex;flex-direction:column;width:33px;justify-content:center;align-items:center}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .openDoc .lines{width:30px}}.home .editor-container .editor .center .openDoc .lines .number{font-family:"Source Code Pro",monospace;color:#747474;font-size:25px}.home .editor-container .editor .center .openDoc .lines .line1{line-height:32px}.home .editor-container .editor .center .openDoc .lines .line2{line-height:70.4px}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .openDoc .lines .line2{line-height:57.6px}}@media(max-width:532px){.home .editor-container .editor .center .openDoc .lines .line2{line-height:51px}}@media(max-height:420px)and (min-width:700px){.home .editor-container .editor .center .openDoc .lines .line2{line-height:55px}}.home .editor-container .editor .center .openDoc .lines .line3{display:flex;justify-content:end;align-items:flex-end;height:32.6px;margin-bottom:30px}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .openDoc .lines .line3{margin-bottom:10px}}@media(max-width:532px){.home .editor-container .editor .center .openDoc .lines .line3{height:38px;margin-bottom:0;color:#747474}}.home .editor-container .editor .center .openDoc .lines .line3 .number3{height:31px;color:hsla(0,0%,100%,.75);font-family:"Source Code Pro",monospace;overflow:hidden}@media(max-width:532px){.home .editor-container .editor .center .openDoc .lines .line3 .number3{height:39px;color:#747474}}@media(max-height:420px)and (min-width:700px){.home .editor-container .editor .center .openDoc .lines .line3 .number3{height:30px}}.home .editor-container .editor .center .openDoc .lines .line4{display:none;justify-content:end;align-items:flex-end;height:33.6px;margin-bottom:30px}@media(max-width:532px){.home .editor-container .editor .center .openDoc .lines .line4{margin-bottom:10px;display:flex}}.home .editor-container .editor .center .openDoc .lines .line4 .number4{height:31px;color:hsla(0,0%,100%,.75);font-family:"Source Code Pro",monospace;overflow:hidden}.home .editor-container .editor .center .openDoc .wrapper{width:100%;height:100%;display:flex;flex-direction:column;color:#48bb48;justify-content:center}.home .editor-container .editor .center .openDoc .wrapper h1{font-size:40px;margin:10px 0;font-family:"Source Code Pro",monospace;font-weight:600;color:gold;padding-left:3px}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .openDoc .wrapper h1{font-size:30px}}@media(max-width:532px){.home .editor-container .editor .center .openDoc .wrapper h1{line-height:40px;margin:5px 0}}@media(max-height:420px)and (min-width:700px){.home .editor-container .editor .center .openDoc .wrapper h1{font-size:28px}}.home .editor-container .editor .center .openDoc .wrapper h2,.home .editor-container .editor .center .openDoc .wrapper h3{font-size:25px;font-family:"Source Code Pro",monospace;font-weight:400;padding-left:3px}.home .editor-container .editor .center .openDoc .wrapper h3{margin-bottom:30px;line-height:29px;overflow:hidden;background-color:hsla(0,0%,100%,.08)}@media(min-height:421px)and (max-width:768px){.home .editor-container .editor .center .openDoc .wrapper h3{margin-bottom:10px}}.home .editor-container .editor .center .openDoc .wrapper h3 span{font-size:inherit;color:#23c5d9;font-family:"Source Code Pro",monospace;font-weight:600}.home .editor-container .editor .center .openDoc .wrapper h3 .ityped-cursor{padding-left:3px;font-size:2.2rem;opacity:1;-webkit-animation:blink .7s infinite;animation:blink .7s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes blink{50%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:1}to{opacity:0}}.home .home-arrow{background-color:hsla(0,0%,100%,.2);border-radius:50px;height:45px;width:45px;display:flex;justify-content:center;align-items:center;transition:all .1s linear}.home .home-arrow:hover{background-color:hsla(0,0%,100%,.5)}.home .home-arrow .home-arrow-img{padding-top:3px}.portfolio-list-a{text-decoration:none}.portfolio-list-a .list{font-size:14px;font-family:Poppins,sans-serif;padding:7px 11px;border-radius:50px;color:#f7f7f7;background-color:#676a73;height:auto;cursor:pointer;margin:0 25px;transition:all .2s linear;overflow:visible}@media(min-height:421px)and (max-width:768px){.portfolio-list-a .list{margin:0 10px}.portfolio-list-a .list:active,.portfolio-list-a .list:hover{background-color:#676a73}}@media(max-height:420px)and (min-width:700px){.portfolio-list-a .list{margin:0 20px}.portfolio-list-a .list:active,.portfolio-list-a .list:hover{background-color:#676a73}}.portfolio-list-a .list:active,.portfolio-list-a .list:hover{background-color:rgba(35,194,215,.6)}.portfolio-list-a .list:active{-webkit-transform:scale(.9);transform:scale(.9)}.portfolio-list-a .list.active{background-color:#23c5d9;color:#000}.portfolio-list-a .list.inactive{background-color:#676a73}.portfolio-list-a .list.inactive:hover{background-color:rgba(35,194,215,.6)}@media(min-height:421px)and (max-width:768px){.portfolio-list-a .list.inactive:hover{background-color:#676a73}}@media(max-height:420px)and (min-width:700px){.portfolio-list-a .list.inactive:hover{background-color:#676a73}}.page-container{width:85%;max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative}@media(min-height:421px)and (max-width:768px){.page-container{width:100%;max-width:400px}}@media(max-height:420px)and (min-width:700px){.page-container{width:100%;max-width:500px}}.page-container .item,.page-container a{display:flex;align-items:center;justify-content:center}.page-container .item{width:180px;height:180px;border:none;margin:10px 20px;border-radius:40px;color:#f7f7f7;transition:all .4s ease;cursor:pointer;box-shadow:6px 6px 3px 2px rgba(0,0,0,.75);position:relative}@media(min-height:421px)and (max-width:768px){.page-container .item{width:18vh;height:18vh;margin:10px;box-shadow:0 0 8px 2px #000;transition:all .2s ease}}@media(max-height:420px)and (min-width:700px){.page-container .item{width:29vh;height:29vh;margin:8px 10px;box-shadow:0 0 8px 2px #000;transition:all .2s ease;border-radius:32px}}.page-container .item:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 0 3px 2px rgba(0,0,0,.75)}.page-container .item h3{font-size:20px;text-align:center;text-shadow:0 0 8px rgba(0,0,0,.664);color:#f7f7f7;width:inherit;margin:0 10px;white-space:normal;transition:all .2s ease;font-family:Poppins,sans-serif;font-weight:500}@media(min-height:421px)and (max-width:768px){.page-container .item h3{display:none}}@media(max-height:420px)and (min-width:700px){.page-container .item h3{display:none}}.page-container .item img{position:absolute;top:0;left:0;width:100%;z-index:1;transition:.35s linear;border-radius:inherit}.page-container .item:hover{background-color:#202020}.page-container .item:hover img{opacity:.5;z-index:0}@media(min-height:421px)and (max-width:768px){.page-container .item:hover img{opacity:1;-webkit-transform:none;transform:none;z-index:1}}.page-container .item:hover h3{z-index:2}@media(min-height:421px)and (max-width:768px){.page-container .item:hover{background-color:#202020}}.portfolio{background-color:transparent;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}@media(min-height:421px)and (max-width:768px){.portfolio{height:calc(100% - 70px);padding-bottom:120px;justify-content:center}}@media(max-height:420px)and (min-width:700px){.portfolio{padding-bottom:120px;justify-content:center}}.portfolio .title-container{margin-top:100px;display:flex;align-items:center;justify-content:center;margin-left:15px}@media(min-height:421px)and (max-width:768px){.portfolio .title-container{margin-top:unset;margin-left:unset}}@media(max-height:420px)and (min-width:700px){.portfolio .title-container{margin-top:unset;margin-left:unset}}.portfolio .title-container a{font-family:Poppins,sans-serif;color:#f7f7f7;font-weight:500}.portfolio .title-container span{color:#23c5d9}.portfolio .title-container:hover span{opacity:1}.portfolio .title-container h1{font-size:50px;color:#f7f7f7;overflow:visible}@media(min-height:421px)and (max-width:768px){.portfolio .title-container h1{font-size:2.5em}}@media(max-height:420px)and (min-width:700px){.portfolio .title-container h1{font-size:2em}}.portfolio ul{margin:23px 0;list-style:none;display:flex;padding:0}@media(min-height:421px)and (max-width:768px){.portfolio ul{margin:15px 0;flex-wrap:wrap;justify-content:center}}@media(max-height:420px)and (min-width:700px){.portfolio ul{margin:5px 0;flex-wrap:wrap;justify-content:center}}.portfolio .scroller{width:100vw;white-space:nowrap;position:relative;transition:all 1s ease-out;overflow-x:scroll;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}.portfolio .scroller::-webkit-scrollbar{display:none}.portfolio .scroller>*{width:100vw;scroll-snap-align:start}.portfolio .scroller .pages{width:100vw;display:inline-block;position:relative}.modal,.portfolio .scroller .pages{align-items:center;justify-content:center}.modal{position:absolute;width:100%;height:100%;display:flex;z-index:10;overflow:hidden}.modal .modal-container{z-index:2;width:80%;max-width:800px}.modal .modal-container,.modal .modal-container .modal-wrapper{display:flex;align-items:center;justify-content:center;overflow:visible}.modal .modal-container .modal-wrapper{margin-top:50px;height:60vh;position:relative}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper{height:70vh;margin-top:20px;max-width:unset}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper{height:80vh;margin-top:20px;max-width:unset}}.modal .modal-container .modal-wrapper .favicon-container{position:absolute;max-height:60px;max-width:60px;overflow:visible;align-items:center;justify-content:center;display:block;top:-30px;z-index:2;border-radius:15px}.modal .modal-container .modal-wrapper .favicon-container .favicon{border-radius:inherit;max-height:100%;max-width:100%;object-fit:fill;box-shadow:0 0 10px rgba(0,0,0,.74)}.modal .modal-container .modal-wrapper .modal-item{max-width:100%;height:60vh;background-color:#202020;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #000;position:relative;overflow:hidden}@media(max-width:875px){.modal .modal-container .modal-wrapper .modal-item{width:80vw;max-width:unset}}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item{box-shadow:0 0 12px #000;width:100%;height:70vh;margin:10px 0;flex-direction:column-reverse}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item{box-shadow:0 0 12px #000;width:100%;height:80vh}}.modal .modal-container .modal-wrapper .modal-item .left{flex:4 1;height:88%;display:flex;justify-content:center}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left{flex:8 1;width:100%}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left{overflow:visible}}.modal .modal-container .modal-wrapper .modal-item .left .left-container{width:86%;height:100%;display:flex;flex-direction:column;position:relative;overflow:visible}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container{height:100%}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container{overflow:visible}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container{display:flex;flex:none;position:relative;height:65px;overflow:visible}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container{width:90%;margin:10px auto;justify-content:space-between;overflow-x:visible}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container{height:40px}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container{width:40px;height:40px;margin-right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container{margin-right:0}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container{width:30px;height:30px;margin-right:7px}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container img{width:25px}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container img{width:20px}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container .stack{position:absolute;top:42px;transition:.2s linear;opacity:0;overflow:visible}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container .stack{opacity:1}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container .stack{display:none}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .icons-container .img-container.img-container:hover .stack{opacity:1}.modal .modal-container .modal-wrapper .modal-item .left .left-container h2{font-size:20px;color:#f7f7f7;flex:none;-webkit-text-decoration:underline solid 2.5px #23c5d9;text-decoration:underline solid 2.5px #23c5d9;text-underline-offset:.5px;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container h2{text-align:center;font-size:25px;margin:10px 0}}.modal .modal-container .modal-wrapper .modal-item .left .left-container p{font-size:16px;line-height:22px;color:#f7f7f7;padding:0 7px 0 0;margin-top:20px;height:calc(52.8vh - 150px);font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container p{flex-grow:0;flex-shrink:20;flex-basis:calc(46.66667vh - 200px);max-height:calc(46.66667vh - 175px);margin:10px 0;padding:0;overflow-y:scroll}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container p{flex-grow:0;flex-shrink:20;flex-basis:calc(40vh - 10px);max-height:calc(40vh - 15px);margin:10px 0;padding:0;overflow-y:scroll}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container{display:flex;flex:none;justify-content:space-around;align-items:flex-end;margin:auto;width:100%;overflow:hidden;position:absolute;bottom:0;left:0}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container{display:flex;justify-content:space-around;align-items:flex-start;margin:auto;width:100%;max-height:40px;min-height:40px}}@media(max-height:420px)and (min-width:700px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container{bottom:-5px}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container .option{padding:0 10px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s linear;text-decoration:none;color:#f7f7f7}.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container .option:hover{color:orange;-webkit-transform:scale(1.2);transform:scale(1.2);text-shadow:2px 2px 2px rgba(0,0,0,.473)}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .details-container .option:hover{color:#f7f7f7;-webkit-transform:none;transform:none;text-shadow:none}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .desktop{display:flex}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .desktop{display:none}}.modal .modal-container .modal-wrapper .modal-item .left .left-container .mobile{display:none}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .left .left-container .mobile{display:flex}}.modal .modal-container .modal-wrapper .modal-item .right{flex:8 1;height:100%;width:100%;display:block;overflow-x:hidden;overflow-y:scroll;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.modal .modal-container .modal-wrapper .modal-item .right::-webkit-scrollbar-thumb{background:#23c5d9;border-radius:10px}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .right{flex:4 1;width:auto;height:100%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.modal .modal-container .modal-wrapper .modal-item .right::-webkit-scrollbar-thumb{background:#23c5d9;border-radius:10px}}.modal .modal-container .modal-wrapper .modal-item .right .img-container{height:100%;overflow:hidden;scroll-snap-align:start;background:repeating-linear-gradient(90deg,#202020,#202020 10px,#000 0,#000 20px)}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .right .img-container{width:100%;display:inline-block}}.modal .modal-container .modal-wrapper .modal-item .right .img-container img{height:auto;width:100%}.modal .modal-container .modal-wrapper .modal-item .right .center-the-img{display:flex;align-items:center;justify-content:center;height:100%}.modal .modal-container .modal-wrapper .modal-item .closeX{color:#000;background-color:grey;border:none;border-radius:3px;opacity:.4;font-size:30px;height:40px;width:40px;font-weight:700;position:absolute;top:12px;right:15px;z-index:10;cursor:pointer;transition:all .2s linear}@media(min-height:421px)and (max-width:768px){.modal .modal-container .modal-wrapper .modal-item .closeX{opacity:1;background-color:rgba(220,20,60,.8);color:#f7f7f7;border-radius:30px}}.modal .modal-container .modal-wrapper .modal-item .closeX div{height:100%;width:100%;bottom:.5px;right:.5px;position:absolute}.modal .modal-container .modal-wrapper .modal-item .closeX:hover{opacity:1;background-color:rgba(220,20,60,.8);color:#f7f7f7;border-radius:30px}.modal .modal-background{position:absolute;height:100%;width:100%;cursor:pointer}.modal ::-webkit-scrollbar-track{background:#202020}.modal-in .modal-container-in .modal-wrapper-in{opacity:0;-webkit-animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}.modal-in .modal-container-in .modal-wrapper-in .favicon-container-in{-webkit-animation:faviconAppear 1s cubic-bezier(.165,.84,.44,1) forwards;animation:faviconAppear 1s cubic-bezier(.165,.84,.44,1) forwards}.modal-in .modal-background-in{-webkit-animation:fadeIn 1s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeIn 1s cubic-bezier(.165,.84,.44,1) forwards}.modal-out{-webkit-animation:quickScaleDown 0s linear .5s forwards;animation:quickScaleDown 0s linear .5s forwards}.modal-out .modal-container-out .modal-wrapper-out{-webkit-animation:scaleDown 1s cubic-bezier(.165,.84,.44,1) forwards;animation:scaleDown 1s cubic-bezier(.165,.84,.44,1) forwards}.modal-out .modal-container-out .modal-wrapper-out .favicon-container-out{-webkit-animation:faviconDissappear .5s cubic-bezier(.165,.84,.44,1) forwards;animation:faviconDissappear .5s cubic-bezier(.165,.84,.44,1) forwards}.modal-out .modal-background-out{-webkit-animation:fadeOut 1s cubic-bezier(.165,.84,.44,1) forwards;animation:fadeOut 1s cubic-bezier(.165,.84,.44,1) forwards}@-webkit-keyframes fadeIn{0%{background:transparent}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@keyframes fadeIn{0%{background:transparent}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@-webkit-keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:transparent}}@keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:transparent}}@-webkit-keyframes scaleUp{0%{-webkit-transform:scale(1) translateY(1000px);transform:scale(1) translateY(1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}@keyframes scaleUp{0%{-webkit-transform:scale(1) translateY(1000px);transform:scale(1) translateY(1000px);opacity:0}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}to{-webkit-transform:scale(1) translateY(1000px);transform:scale(1) translateY(1000px);opacity:0}}@keyframes scaleDown{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}to{-webkit-transform:scale(1) translateY(1000px);transform:scale(1) translateY(1000px);opacity:0}}@-webkit-keyframes faviconDissappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes faviconDissappear{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes faviconAppear{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(0);transform:scale(0)}67%{-webkit-transform:scale(1.025);transform:scale(1.025)}80%{-webkit-transform:scale(.975);transform:scale(.975)}93%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes faviconAppear{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(0);transform:scale(0)}67%{-webkit-transform:scale(1.025);transform:scale(1.025)}80%{-webkit-transform:scale(.975);transform:scale(.975)}93%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes quickScaleDown{0%{-webkit-transform:scale(1);transform:scale(1)}99%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes quickScaleDown{0%{-webkit-transform:scale(1);transform:scale(1)}99%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}.projects{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}@media(min-height:421px)and (max-width:768px){.projects{height:calc(100% - 70px);padding-bottom:120px}}.projects .title-container{display:flex;align-items:center;justify-content:center;margin-bottom:10px;overflow:visible}@media(min-height:421px)and (max-width:768px){.projects .title-container{margin-bottom:15px}}@media(max-height:420px)and (min-width:700px){.projects .title-container{top:5px}}.projects .title-container .projects-title{font-size:50px;margin-left:15px}@media(min-height:421px)and (max-width:768px){.projects .title-container .projects-title{font-size:2em;margin-left:unset}}@media(max-height:420px)and (min-width:700px){.projects .title-container .projects-title{font-size:2.1em;margin-left:unset}}.projects .title-container .projects-title a{font-family:Poppins,sans-serif;color:#f7f7f7;font-weight:500}.projects .title-container .projects-title span{color:#23c5d9}.projects .slider{width:100vw;height:400px;white-space:nowrap;position:relative;transition:all 1s ease-out;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}.projects .slider::-webkit-scrollbar{display:none}.projects .slider>*{width:100vw;scroll-snap-align:start}@media(min-height:421px)and (max-width:768px){.projects .slider{height:65vh;justify-content:center}}@media(max-height:420px)and (min-width:700px){.projects .slider{height:65%}}.projects .slider .project-slide{width:100vw;height:400px;display:inline-block;align-items:center;justify-content:center;position:relative;overflow:hidden}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide{height:65vh}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide{height:100%}}.projects .slider .project-slide .container{width:100vw;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;transition:all 1s ease-out;overflow:hidden}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container{height:unset}}.projects .slider .project-slide .container .item{width:800px;max-width:78%;height:90%;background-color:#1a1a1a;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:10px 10px 5px 2px rgba(0,0,0,.75)}@media(max-width:875px){.projects .slider .project-slide .container .item{width:77%}}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item{box-shadow:0 0 12px #000;width:85%;height:62vh;margin:10px 0 40px;flex-direction:column-reverse}}.projects .slider .project-slide .container .item .left{flex:5 1;height:88%;display:flex;justify-content:center}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left{flex:8 1;width:100%}}.projects .slider .project-slide .container .item .left .left-container{width:86%;height:100%;display:flex;flex-direction:column;overflow:visible}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container{height:100%;display:block}}.projects .slider .project-slide .container .item .left .left-container .icons-container{display:flex;position:relative;height:65px;overflow:visible}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .icons-container{width:100%;margin:15px auto;justify-content:space-around}}.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container{width:40px;height:40px;margin-right:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container{margin-right:0}}.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container img{width:25px}.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container .stack{position:absolute;top:42px;transition:.2s linear;opacity:0;overflow:visible}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container .stack{opacity:1}}.projects .slider .project-slide .container .item .left .left-container .icons-container .img-container.img-container:hover .stack{opacity:1}.projects .slider .project-slide .container .item .left .left-container h2{font-size:20px;color:#f7f7f7;line-height:32px;-webkit-text-decoration:underline solid 2.5px #23c5d9;text-decoration:underline solid 2.5px #23c5d9;text-underline-offset:.5px;overflow:visible;white-space:normal;font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container h2{font-size:25px;height:40px;margin:10px 0 5px;text-align:center}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container h2{text-align:center}}.projects .slider .project-slide .container .item .left .left-container p{font-size:16px;line-height:22px;color:#f7f7f7;padding:0 7px 0 0;margin-top:20px;height:199.6px;font-family:Poppins,sans-serif;white-space:normal}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container p{height:calc(41.33333vh - 190px);margin:0 0 10px;padding:0;overflow-y:scroll}}.projects .slider .project-slide .container .item .left .left-container .details-container{display:flex;justify-content:space-around;align-items:flex-start;margin:auto;width:80%;max-height:40px;min-height:40px}.projects .slider .project-slide .container .item .left .left-container .details-container .option{padding:0 10px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s linear;text-decoration:none;color:#f7f7f7}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container .details-container .option{font-size:14px}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container .details-container{display:flex;align-items:center;padding-top:10px;max-height:30px;min-height:30px}}.projects .slider .project-slide .container .item .left .left-container .desktop{display:flex}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .desktop{display:none}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container .desktop{display:none}}.projects .slider .project-slide .container .item .left .left-container .mobile{display:none}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .mobile{display:flex}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container .mobile{display:none}}.projects .slider .project-slide .container .item .left .left-container .mobileHorizontal{display:none}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .left .left-container .mobileHorizontal{display:none}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .left .left-container .mobileHorizontal{display:flex}}.projects .slider .project-slide .container .item .right{flex:8 1;height:100%;width:100%;display:block;overflow:hidden;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .right{flex:4 1;width:auto;height:100%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .right{overflow-x:hidden;overflow-y:scroll;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}.projects .slider .project-slide .container .item .right .img-container{height:100%;overflow:hidden;scroll-snap-align:start}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .right .img-container{width:100%;display:inline-block}}.projects .slider .project-slide .container .item .right .img-container img{height:auto;width:100%}.projects .slider .project-slide .container .item .right .shade{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;width:100%;height:100%;z-index:2;color:#f7f7f7;opacity:0;transition:.2s linear;overflow:hidden}.projects .slider .project-slide .container .item .right .shade:hover{opacity:1}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .right .shade{display:none}}@media(max-height:420px)and (min-width:700px){.projects .slider .project-slide .container .item .right .shade{display:none}}.projects .slider .project-slide .container .item .right .shade .shade-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;height:100%;padding-top:10px;overflow:hidden}.projects .slider .project-slide .container .item .right .shade .shade-container .favicon-container{max-height:120px;max-width:120px;overflow:visible;align-items:center;justify-content:center;display:block;z-index:2;border-radius:25px;margin-bottom:15px;margin-top:10px}.projects .slider .project-slide .container .item .right .shade .shade-container .favicon-container .favicon{border-radius:inherit;max-height:100%;max-width:100%;object-fit:fill;box-shadow:0 0 10px rgba(0,0,0,.74)}.projects .slider .project-slide .container .item .right .shade .shade-container .shade-links{display:flex;justify-content:space-around;width:60%;overflow:visible}.projects .slider .project-slide .container .item .right .shade .shade-container .shade-links .option{padding:10px;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:.2s linear;text-decoration:none;color:#f7f7f7}.projects .slider .project-slide .container .item .right .shade .shade-container .shade-links .option:hover{color:orange;-webkit-transform:scale(1.2);transform:scale(1.2);text-shadow:2px 2px 2px rgba(0,0,0,.473)}@media(min-height:421px)and (max-width:768px){.projects .slider .project-slide .container .item .right .shade .shade-container{display:none}}.dots-container{display:flex;flex-direction:row;margin-top:20px;cursor:pointer}@media(max-height:420px)and (min-width:700px){.dots-container{bottom:25px}}.dots-container .dots-a{text-decoration:none;list-style:none;transition:all .15s ease}.dots-container .dots-a .dot{background-color:transparent;border:2px solid #23c5d9;height:10px;width:10px;border-radius:50%;margin:0 20px;transition:all .3s ease}.dots-container .dots-a .dot:hover{background-color:rgba(35,194,215,.6)}.dots-container .dots-a .active{background-color:#23c5d9;transition:all .3s ease}.dots-container .dots-a .active:hover{background-color:#23c5d9}.skills{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f7f7f7;position:relative;height:100%;padding-bottom:120px}@media(min-height:421px)and (max-width:768px){.skills{height:calc(100% - 70px)}}.skills .title-container{display:flex;align-items:center;justify-content:center;margin-left:15px;margin-bottom:20px}@media(min-height:421px)and (max-width:768px){.skills .title-container{top:0;margin-left:unset}}@media(max-height:420px)and (min-width:700px){.skills .title-container{top:5px;margin-left:unset;margin-bottom:5px}}.skills .title-container span{color:#23c5d9}.skills .title-container h1{font-size:50px;overflow:hidden}.skills .title-container h1 a{font-family:Poppins,sans-serif;color:#f7f7f7;font-weight:500}@media(min-height:421px)and (max-width:768px){.skills .title-container h1{font-size:2.25em;top:0}}@media(max-height:420px)and (min-width:700px){.skills .title-container h1{font-size:2em;top:0}}.skills .tech-container{display:flex;flex-direction:column;align-items:center;background-color:#16191b;border-radius:10px}@media(min-height:421px)and (max-width:768px){.skills .tech-container{max-height:70vh;max-width:85vw}}@media(max-height:420px)and (min-width:700px){.skills .tech-container{max-height:70vh;max-width:500px}}.skills .tech-container .detail{padding:8px;border-radius:5px;width:90%;max-width:700px;margin:10px auto 20px;font-size:18px;text-align:center;font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.skills .tech-container .detail{height:auto;overflow:visible;background-color:unset;border:unset;margin:10px auto}}@media(max-height:420px)and (min-width:700px){.skills .tech-container .detail{font-size:14px;padding:0;overflow:visible;margin:10px auto}}.skills .tech-container .container{width:100%;display:flex;align-items:center;justify-content:center;position:relative;background-image:radial-gradient(circle farthest-corner at 90% 80%,#2d85c4 10%,#7a2aa5 70%);padding:0 20px 10px}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container{border-radius:0 0 10px 10px;width:100%;padding:10px 0 20px;background-color:#24272c;background-image:none}}.skills .tech-container .container .content{width:90vw;height:100%;max-width:800px}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content{padding:0 20px}}.skills .tech-container .container .content .tech{display:flex;flex-direction:column;padding:5px 0}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech:nth-child(4) .tech-container:nth-child(2){padding-bottom:12px}}.skills .tech-container .container .content .tech h2{color:#f7f7f7;font-weight:500;font-family:Poppins,sans-serif;-webkit-text-decoration:underline 2.5px solid #23c5d9;text-decoration:underline 2.5px solid #23c5d9;margin-left:10px}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech h2{padding-top:10px;margin-left:unset}}@media(max-height:420px)and (min-width:700px){.skills .tech-container .container .content .tech h2{font-size:18px}}.skills .tech-container .container .content .tech .tech-container{display:grid;grid-template-columns:repeat(4,1fr);margin:10px;grid-gap:0;gap:0;overflow:visible;background-color:unset}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech .tech-container{grid-template-columns:repeat(1,1fr);margin:10px 20px 10px 10px;grid-gap:12px;gap:12px}}@media(max-height:420px)and (min-width:700px){.skills .tech-container .container .content .tech .tech-container{grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}}.skills .tech-container .container .content .tech .tech-container .skill-container{display:flex;align-items:center;padding:5px;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:default;transition:all .1s linear;overflow:visible;min-width:151px;margin:auto;-webkit-backdrop-filter:saturate(160%) brightness(120%);backdrop-filter:saturate(160%) brightness(120%)}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech .tech-container .skill-container{width:100%;-webkit-backdrop-filter:unset;backdrop-filter:unset}}@media(max-height:420px)and (min-width:700px){.skills .tech-container .container .content .tech .tech-container .skill-container{width:90%}}.skills .tech-container .container .content .tech .tech-container .skill-container:hover{box-shadow:0 0 5px 2px rgba(0,0,0,.38);-webkit-transform:scale(1.05);transform:scale(1.05)}.skills .tech-container .container .content .tech .tech-container .skill-container .img-container{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech .tech-container .skill-container .img-container{margin-right:0;width:25px;height:25px}}.skills .tech-container .container .content .tech .tech-container .skill-container .img-container img{width:25px}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech .tech-container .skill-container .img-container img{width:16px}}.skills .tech-container .container .content .tech .tech-container .skill-container .skill{padding:0 15px}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .tech .tech-container .skill-container .skill{display:flex;width:100%;justify-content:space-between}}.skills .tech-container .container .content .tech .tech-container .skill-container .skill p{white-space:nowrap}.skills .tech-container .container .content .scroll-fade-top{display:none;position:absolute;right:0;top:8px;left:0;z-index:20;height:20px;background:linear-gradient(#24272c,transparent);width:inherit;margin:auto;overflow:hidden;border-radius:0 0;width:100%}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .scroll-fade-top{display:block}}.skills .tech-container .container .content .scroll-fade-bottom{display:none;position:absolute;right:0;bottom:18px;left:0;z-index:20;height:30px;background:linear-gradient(transparent,#24272c);width:inherit;margin:auto;overflow:hidden;width:100%}@media(min-height:421px)and (max-width:768px){.skills .tech-container .container .content .scroll-fade-bottom{display:block}}.contact{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;height:100vh}@media(min-height:421px)and (max-width:768px){.contact{height:calc(100% - 60px);padding-bottom:60px}}.contact .container{display:flex;flex-direction:row;justify-content:center;width:90%;max-width:700px;border-radius:4px 18px;background-color:#202020}@media(min-height:421px)and (max-width:768px){.contact .container{flex-direction:column;max-width:344px}}@media(max-height:420px)and (min-width:700px){.contact .container{max-height:80vh;max-width:500px}}@media(max-height:500px)and (max-width:500px){.contact .container{flex-direction:column;max-width:344px}}.contact .container .contact-container-left{display:flex;flex-direction:column;width:50%;background-color:#2c3138}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-left{width:100%}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-left{width:100%}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-left{padding:0 15px}}.contact .container .contact-container-left h2{padding-top:20px;font-size:28px;font-weight:400;color:#f7f7f7;text-align:left;width:300px;margin:auto;overflow:visible;font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-left h2{padding-top:15px;font-size:25px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-left h2{padding-top:15px;font-size:25px}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-left h2{padding-top:15px;font-size:25px;width:100%}}.contact .container .contact-container-left form{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:300px;margin:auto}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-left form{width:100%}}.contact .container .contact-container-left form input{width:inherit;height:30px;background-color:transparent;border:grey;border-bottom:1px solid grey;padding:12px 0 4px;outline:none;color:#fff;font-size:16px;transition:border-color .22s ease-in-out}.contact .container .contact-container-left form input:focus{border-color:#23c5d9}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-left form input{padding:11px 0 4px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-left form input{padding:11px 0 4px}}.contact .container .contact-container-left form textarea{width:inherit;height:130px;min-height:30px;max-height:250px;background-color:transparent;border:none;border-bottom:1px solid grey;padding:12px 0 4px;outline:none;color:#fff;font-size:16px;transition:border-color .22s ease-in-out;resize:vertical}.contact .container .contact-container-left form textarea:focus{border-color:#23c5d9}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-left form textarea{height:80px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-left form textarea{height:80px}}.contact .container .contact-container-left form input:-webkit-autofill,.contact .container .contact-container-left form input:-webkit-autofill:focus,.contact .container .contact-container-left form input:-webkit-autofill:hover,.contact .container .contact-container-left form textarea:-webkit-autofill,.contact .container .contact-container-left form textarea:-webkit-autofill:focus,.contact .container .contact-container-left form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#f7f7f7!important;-webkit-box-shadow:0 0 0 30px #2c3138 inset!important}.contact .container .contact-container-left form button{width:120px;color:#f7f7f7;border:none;border-radius:3px;font-size:16px;padding:12px 0;margin:15px 0;cursor:pointer;overflow:visible}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-left form button{padding:9px 0;margin:10px 0}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-left form button{padding:9px 0;margin:10px 0}}.contact .container .contact-container-left form button:focus{outline:none}.contact .container .contact-container-left form button:hover{-webkit-animation:animated-logo 2.2s ease infinite;animation:animated-logo 2.2s ease infinite;background-size:300% 300%}.contact .container .contact-container-left form span{color:#23c5d9}.contact .container .contact-container-right{width:50%;overflow:visible}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right{width:100%}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right{width:100%}}.contact .container .contact-container-right .right-content{width:300px;margin:auto;color:#f7f7f7}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content{width:unset;padding:15px}}.contact .container .contact-container-right .right-content h3{padding-top:28px;font-size:20px;font-weight:400;text-align:left;font-family:Poppins,sans-serif}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content h3{padding-top:16px}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content h3{width:100%;padding-top:5px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content h3{padding-top:16px}}.contact .container .contact-container-right .right-content p{color:grey;padding-top:15px;line-height:23px}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content p{padding-top:8px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content p{padding-top:8px}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content p{width:100%;font-size:14px;padding-top:5px}}.contact .container .contact-container-right .right-content .info{display:flex;flex-direction:column}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info{flex-direction:row;justify-content:space-around}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .info{flex-direction:row;justify-content:space-around}}.contact .container .contact-container-right .right-content .info .item-container{display:flex;background-color:#202020;padding:8px 0;text-decoration:none;align-items:center;justify-self:start;transition:all .2s linear;height:50px}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info .item-container{padding:6px 0}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .info .item-container{padding:6px 0}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content .info .item-container{padding:0}}.contact .container .contact-container-right .right-content .info .item-container:hover .contact-icon-container{color:#202020;fill:#202020}.contact .container .contact-container-right .right-content .info .item-container:hover .item-details .item-span{color:#23c5d9}.contact .container .contact-container-right .right-content .info .item-container:hover #leetcode path{transition:fill .2s ease;fill:#202020}.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container{background-color:hsla(0,0%,39.2%,.2);display:flex;align-items:center;justify-content:center;border-radius:100px;height:42px;width:42px;margin-right:10px;color:#f7f7f7;fill:#f7f7f7;transition:background-color .2s ease,color .05s ease,fill .05s ease}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container{margin-right:0;transition:unset}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container{margin-right:0;transition:unset}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container{height:30px;width:30px;min-height:30px;min-width:30px;overflow:hidden;transition:unset}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container .icon{height:20px;width:20px}}.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container .leetcode-icon{padding:6px 7px 8px;transition:all .25s ease}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container .leetcode-icon{transition:unset}}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content .info .item-container .contact-icon-container .leetcode-icon{height:20px;width:20px;transition:unset}}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info .item-container .active{color:#202020;fill:#202020;transition:unset}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .info .item-container .active{background-color:#23c5d9;color:#202020;fill:#202020;transition:unset}}.contact .container .contact-container-right .right-content .info .item-container .item-details{display:flex}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .info .item-container .item-details{display:none}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .info .item-container .item-details{display:none}}.contact .container .contact-container-right .right-content .info .item-container .item-details .item-span-title{color:#fff}@media(max-height:420px)and (min-width:700px){.contact .container .contact-container-right .right-content .info .item-container .item-details .item-span-title{display:none}}.contact .container .contact-container-right .right-content .info .item-container .item-details .item-span{color:grey;padding-left:5px;transition:all .2s linear;text-decoration:none;cursor:pointer;overflow:visible}.contact .container .contact-container-right .right-content .mobile-info-container{display:none;text-align:center}@media(min-height:421px)and (max-width:768px){.contact .container .contact-container-right .right-content .mobile-info-container{display:block;background-color:#676a73;font-size:18px;padding:8px 12px;border-radius:3px 9px;margin-top:3px;margin-bottom:15px}}@media(max-height:500px)and (max-width:500px){.contact .container .contact-container-right .right-content .mobile-info-container{display:block;background-color:#676a73;font-size:18px;padding:8px 12px;border-radius:3px 9px;margin-top:3px;margin-bottom:15px}}.contact .message-container{margin-top:0;height:0;transition:all .3s ease;overflow-y:hidden}.contact .message-container.active{margin-top:30px;height:60px}.contact .message-container .message{background-color:#1f2329;color:#f7f7f7;font-size:20px;padding:15px 30px;border-radius:2px 12px 2px 12px;font-family:Poppins,sans-serif;background:linear-gradient(130deg,#1f2329,#1f2329,#1f2329,#1f2329,#1f2329,#1f2329,#565960,#1f2329,#1f2329,#1f2329,#1f2329,#1f2329,#1f2329);-webkit-animation:animated-logo 2.7s ease infinite;animation:animated-logo 2.7s ease infinite;background-size:300% 300%}@-webkit-keyframes animated-logo{0%{background-position:96% 100%}to{background-position:5% 0}}@keyframes animated-logo{0%{background-position:96% 100%}to{background-position:5% 0}}.menu{flex:2 1;height:100%;background-color:rgba(33,34,37,.9);position:sticky;top:0;border-right:3px solid #000;box-shadow:0 0 10px 4px rgba(0,0,0,.4);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .5s ease}@media(min-height:421px)and (max-width:768px){.menu{background-color:rgba(0,0,0,.88);left:-300px;position:fixed;padding:0}.menu.active{left:0;flex:unset;width:300px}}@media(max-height:500px)and (max-width:500px){.menu{background-color:rgba(0,0,0,.88);left:-300px;position:fixed}}@media(min-height:1px)and (max-width:1300px)and (min-width:820px){.menu{max-width:80px}}@media(max-width:900px){.menu{background-color:rgba(0,0,0,.88)}}@media(max-height:420px)and (min-width:700px){.menu{max-width:60px;height:100%}}.menu .menu-logo{width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu .menu-logo .navbar-svg{position:absolute;max-height:50px;max-width:50px;top:50px;background-color:#23c5d9;border-radius:100px}.menu .menu-logo .navbar-svg .navbar-svg-g{fill:rgba(33,34,37,.9)}@media(max-height:420px)and (min-width:700px){.menu .menu-logo .navbar-svg{top:20px;max-height:36px;max-width:36px}.menu .menu-logo .navbar-svg .navbar-svg-g{fill:#000}}.menu .ul-container{width:100%;display:flex;align-items:center;justify-content:center;padding:25px 0 0}@media(max-height:420px)and (min-width:700px){.menu .ul-container{overflow:visible;height:100%;align-items:flex-end;padding:0 0 10px}}.menu .ul-container ul{margin:0;padding:0;list-style:none;font-size:30px;font-weight:300;color:#f7f7f7;width:60%;overflow:visible;justify-content:flex-start;align-items:flex-start}@media(max-height:420px)and (min-width:700px){.menu .ul-container ul{font-size:22px;height:80%;width:unset;display:flex;flex-direction:column;justify-content:space-around}}@media(min-height:1px)and (max-width:1300px)and (min-width:820px){.menu .ul-container ul{display:flex;align-items:center;justify-content:center;flex-direction:column}}li{height:50px;margin-bottom:25px}@media(max-height:420px)and (min-width:700px){li{overflow:visible;height:unset;margin-top:unset;margin-bottom:unset}}li a{font-size:inherit;color:inherit;text-decoration:none;transition:.2s linear;position:relative}li a .menu-item{text-shadow:0 0 5px #000}li a .menu-item .menu-icon{margin-right:10px}@media(min-height:1px)and (max-width:1300px)and (min-width:820px){li a .menu-item .menu-icon{margin-right:0;font-size:30px}}@media(max-height:420px)and (min-width:700px){li a .menu-item .menu-icon{margin-right:0;font-size:30px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}li a .menu-item .text{font-family:Poppins,sans-serif}@media(min-height:1px)and (max-width:1300px)and (min-width:820px){li a .menu-item .text{display:none}}@media(max-height:420px)and (min-width:700px){li a .menu-item .text{display:none}}li a .active{display:inline;position:relative;font-weight:600;overflow:hidden}@media(max-height:420px)and (min-width:700px){li a .active{display:block;border-radius:50px;height:40px;width:40px;background-color:#23c5d9;position:relative}li a .active .menu-icon{color:#000}}li a .active:after{border-radius:50px;content:"";position:absolute;z-index:-1;left:0;right:auto;width:100%;bottom:-5px;background:#23c5d9;height:4px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}@media(max-height:420px)and (min-width:700px){li a .active:after{content:none}}li a .inactive{text-decoration:none}@media(max-height:420px)and (min-width:700px){li a .inactive{display:block;height:40px;width:40px;position:relative}}.underline{display:inline;position:relative;overflow:hidden}.underline:after{border-radius:50px;content:"";position:absolute;z-index:-1;right:0;width:0;bottom:-5px;background:#23c5d9;height:4px;transition-property:width;transition-duration:.3s;transition-timing-function:ease-out}@media(max-height:420px)and (min-width:700px){.underline:after{content:none}}.underline:active:after,.underline:focus:after,.underline:hover:after{left:0;right:auto;width:100%}*{-webkit-tap-highlight-color:transparent;letter-spacing:.2px;max-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#676a73;border-radius:10px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-resizer{border-right:2px solid #676a73;border-bottom:2px solid #676a73;cursor:pointer;background:linear-gradient(135deg,transparent,transparent 50%,#676a73 51%,#676a73)}.react-color-bg{background-color:#61b8fb}.react-color-bg-hover{background-color:rgba(123,128,145,.3)}.react-color-bg-hover:hover{background-color:#61b8fb;color:#000}.react-color-text{color:#61b8fb}.tailwind-color-bg{background-color:#17bbb9}.tailwind-color-bg-hover{background-color:rgba(123,128,145,.3)}.tailwind-color-bg-hover:hover{background-color:#17bbb9;color:#000}.tailwind-color-text{color:#17bbb9}.firebase-color-bg{background-color:#f79b00}.firebase-color-bg-hover{background-color:rgba(123,128,145,.3)}.firebase-color-bg-hover:hover{background-color:#f79b00;color:#000}.firebase-color-text{color:#f79b00}.javascript-color-bg{background-color:#f7cf00}.javascript-color-bg-hover{background-color:rgba(123,128,145,.3)}.javascript-color-bg-hover:hover{background-color:#f7cf00;color:#000}.javascript-color-text{color:#f7cf00}.express-color-bg{background-color:#f7cf00}.express-color-bg-hover{background-color:rgba(123,128,145,.3)}.express-color-bg-hover:hover{background-color:#f7cf00;color:#000}.express-color-text{color:#f7cf00}.css-color-bg{background-color:#1c86c4}.css-color-bg-hover{background-color:rgba(123,128,145,.3)}.css-color-bg-hover:hover{background-color:#1c86c4;color:#000}.css-color-text{color:#1c86c4}.html-color-bg{background-color:#f16529}.html-color-bg-hover{background-color:rgba(123,128,145,.3)}.html-color-bg-hover:hover{background-color:#f16529;color:#000}.html-color-text{color:#f16529}.sass-color-bg{background-color:#cf649a}.sass-color-bg-hover{background-color:rgba(123,128,145,.3)}.sass-color-bg-hover:hover{background-color:#cf649a;color:#000}.sass-color-text{color:#cf649a}.sql-color-bg{background-color:#2887db}.sql-color-bg-hover{background-color:rgba(123,128,145,.3)}.sql-color-bg-hover:hover{background-color:#2887db;color:#000}.sql-color-text{color:#2887db}.php-color-bg{background-color:#7377ad}.php-color-bg-hover{background-color:rgba(123,128,145,.3)}.php-color-bg-hover:hover{background-color:#7377ad;color:#000}.php-color-text{color:#7377ad}.ruby-color-bg{background-color:#eb3d43}.ruby-color-bg-hover{background-color:rgba(123,128,145,.3)}.ruby-color-bg-hover:hover{background-color:#eb3d43;color:#000}.ruby-color-text{color:#eb3d43}.python-color-bg{background-color:#ebda3d}.python-color-bg-hover{background-color:rgba(123,128,145,.3)}.python-color-bg-hover:hover{background-color:#ebda3d;color:#000}.python-color-text{color:#ebda3d}.node-color-bg{background-color:#41b350}.node-color-bg-hover{background-color:rgba(123,128,145,.3)}.node-color-bg-hover:hover{background-color:#41b350;color:#000}.node-color-text{color:#41b350}.mongo-color-bg{background-color:#41b350}.mongo-color-bg-hover{background-color:rgba(123,128,145,.3)}.mongo-color-bg-hover:hover{background-color:#41b350;color:#000}.mongo-color-text{color:#41b350}.photoshop-color-bg{background-color:#39a9eb}.photoshop-color-bg-hover{background-color:rgba(123,128,145,.3)}.photoshop-color-bg-hover:hover{background-color:#39a9eb;color:#000}.photoshop-color-text{color:#39a9eb}.illustrator-color-bg{background-color:#ff9b00}.illustrator-color-bg-hover{background-color:rgba(123,128,145,.3)}.illustrator-color-bg-hover:hover{background-color:#ff9b00;color:#000}.illustrator-color-text{color:#ff9b00}.excel-color-bg{background-color:#1a8d56}.excel-color-bg-hover{background-color:rgba(123,128,145,.3)}.excel-color-bg-hover:hover{background-color:#1a8d56;color:#000}.excel-color-text{color:#1a8d56}.mysql-color-bg{background-color:#1f7aa5}.mysql-color-bg-hover{background-color:rgba(123,128,145,.3)}.mysql-color-bg-hover:hover{background-color:#1f7aa5;color:#000}.mysql-color-text{color:#1f7aa5}.git-color-bg{background-color:#f05033}.git-color-bg-hover{background-color:rgba(123,128,145,.3)}.git-color-bg-hover:hover{background-color:#f05033;color:#000}.git-color-text{color:#f05033}.pug-color-bg{background-color:#dc143c}.pug-color-bg-hover{background-color:rgba(123,128,145,.3)}.pug-color-bg-hover:hover{background-color:#dc143c;color:#000}.pug-color-text{color:#dc143c}.about{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}@media(min-height:421px)and (max-width:768px){.about{height:calc(100% - 70px);padding-bottom:120px}}@media(max-height:420px)and (min-width:700px){.about{height:100vh;max-height:100vh}}.about .title-container{margin-bottom:40px;display:flex;align-items:center;justify-content:center;margin-left:15px}@media(min-height:421px)and (max-width:768px){.about .title-container{margin-left:unset}}@media(max-height:420px)and (min-width:700px){.about .title-container{display:none}}.about .title-container span{color:#23c5d9}.about .title-container h1{font-size:50px;overflow:hidden}.about .title-container h1 a{font-family:Poppins,sans-serif;color:#f7f7f7;font-weight:500}.about .title-container h1:hover span{opacity:1}@media(min-height:421px)and (max-width:768px){.about .title-container h1{font-size:2.5em}}.about .container{max-height:400px;width:80%;max-width:900px;display:flex;background-color:#1a1a1a;box-shadow:10px 10px 5px 2px rgba(0,0,0,.75);padding:20px;border-radius:10px;position:relative}@media(min-height:421px)and (max-width:768px){.about .container{flex-direction:column;box-shadow:0 0 12px #000;width:80vw;margin-top:7vh;max-height:53vh;overflow:visible}}@media(max-height:420px)and (min-width:700px){.about .container{max-height:75vh;width:80%;max-width:500px;padding:10px}}.about .container .left{flex:2 1;max-width:320px;min-width:220px;display:flex;flex-direction:column;align-items:center}@media(min-height:421px)and (max-width:768px){.about .container .left{display:none}}@media(max-height:420px)and (min-width:700px){.about .container .left{justify-content:flex-start}}.about .container .left .img-container{max-height:100%;max-width:100%;overflow:visible;align-items:center;justify-content:center;display:flex;border-radius:50%}.about .container .left .img-container img{background-size:800% 800%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;border-radius:inherit;max-height:95%;max-width:95%;object-fit:fill;box-shadow:0 0 20px #000}@media(max-height:420px)and (min-width:700px){.about .container .left .img-container img{max-height:90%;max-width:90%}}@media(max-height:420px)and (min-width:700px){.about .container .left .img-container{overflow:hidden}}.about .container .left .info{display:flex;flex-direction:column}.about .container .left .info h2{font-size:20px;color:#f7f7f7;line-height:32px;-webkit-text-decoration:underline solid 2.5px #23c5d9;text-decoration:underline solid 2.5px #23c5d9;text-underline-offset:.5px;text-align:center;margin-bottom:5px;font-family:Poppins,sans-serif}.about .container .left .info .item-container{display:flex;align-items:center;color:#f7f7f7;background-color:transparent;padding:4px 8px;border-radius:3px;cursor:pointer;margin-bottom:3px}.about .container .left .info .item-container:hover{background-color:#676a73}.about .container .left .info .item-container .icon{font-size:18px;margin-right:5px}.about .container .left .info .item-container span{font-size:15px;font-weight:500}@media(max-height:420px)and (min-width:700px){.about .container .left .info .item-container{padding:4px 0}}.about .container .right{flex:5 1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;position:relative}@media(min-height:421px)and (max-width:768px){.about .container .right{margin-top:95px;overflow-y:none;justify-content:flex-start;align-items:flex-start;padding:0 0 0 4px}}@media(max-height:420px)and (min-width:700px){.about .container .right{overflow-y:none;justify-content:flex-start;display:flex;padding:0 0 0 10px}}@media(max-height:420px)and (min-width:700px){.about .container .right .right-content{padding-bottom:20px;padding-right:10px}}.about .container .right p{color:#f7f7f7;text-align:center;font-size:22px;line-height:28px;overflow:visible}@media(min-height:421px)and (max-width:768px){.about .container .right p:nth-child(3){padding-top:15px}}@media(max-width:1050px){.about .container .right p{font-size:20px}}@media(max-width:900px){.about .container .right p{font-size:18px}}@media(min-height:421px)and (max-width:768px){.about .container .right p{font-size:18px;line-height:22px}}.about .container .right .last-p{text-align:center;margin:auto;color:#ffc400;font-weight:500;font-family:"Source Code Pro",monospace}@media(min-height:421px)and (max-width:768px){.about .container .right .last-p{max-width:250px}}.about .container .right .info-p{font-family:Poppins,sans-serif;line-height:24px}.about .container .right .break{margin:15px auto;width:140px;height:3px;min-height:3px;background-color:#23c5d9;border-radius:20px}@media(min-height:421px)and (max-width:768px){.about .container .right .break{border-radius:0}}.about .container .right .mobile-horizontal-title{display:none}@media(max-height:420px)and (min-width:700px){.about .container .right .mobile-horizontal-title{display:block;text-align:center;color:#f7f7f7;font-size:24px;margin-bottom:20px;margin-top:15px}.about .container .right .mobile-horizontal-title span{color:#23c5d9}}.about .container .right .scroll-fade-top{display:none;position:absolute;right:0;top:0;left:0;z-index:20;height:20px;background:linear-gradient(#1a1a1a,transparent);width:inherit;margin:auto;overflow:hidden}@media(min-height:421px)and (max-width:768px){.about .container .right .scroll-fade-top{display:block}}@media(max-height:420px)and (min-width:700px){.about .container .right .scroll-fade-top{display:block}}.about .container .right .scroll-fade-bottom{display:none;position:absolute;right:0;bottom:0;left:0;z-index:20;height:25px;background:linear-gradient(transparent,#1a1a1a);width:inherit;margin:auto;overflow:hidden}@media(min-height:421px)and (max-width:768px){.about .container .right .scroll-fade-bottom{display:block}}@media(max-height:420px)and (min-width:700px){.about .container .right .scroll-fade-bottom{display:block}}.about .container .mobile-img-container{position:absolute;max-height:125px;max-width:125px;overflow:visible;align-items:center;justify-content:center;display:flex;top:-70px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:none;background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;border-radius:50%}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(min-height:421px)and (max-width:768px){.about .container .mobile-img-container{display:block}}.about .container .mobile-img-container img{border-radius:inherit;max-height:100%;max-width:100%;object-fit:fill;box-shadow:0 0 20px #000}.about .container h2{font-size:28px;color:#f7f7f7;line-height:32px;width:100%;-webkit-text-decoration:underline solid 3px #23c5d9;text-decoration:underline solid 3px #23c5d9;text-underline-offset:.5px;text-align:center;margin-bottom:5px;overflow:visible;position:absolute;top:70px;right:50%;-webkit-transform:translate(50%);transform:translate(50%);display:none;font-family:Poppins,sans-serif}.about .container .mobile{display:none}@media(min-height:421px)and (max-width:768px){.about .container .mobile{display:block}}.about .container .info{display:none;flex-direction:column;overflow:visible}@media(min-height:421px)and (max-width:768px){.about .container .info{display:flex;justify-content:center;align-items:center;padding:0 5px 18px;margin:auto}}@media(max-height:420px)and (min-width:700px){.about .container .info{display:none;justify-content:center;align-items:center;padding:5px;margin:auto}}.about .container .info .item-container{display:flex;align-items:center;color:#f7f7f7;background-color:transparent;padding:4px 8px;border-radius:3px;cursor:pointer;margin-bottom:3px}.about .container .info .item-container:hover{background-color:#676a73}.about .container .info .item-container .icon{font-size:18px;margin-right:5px}.about .container .info .item-container span{font-size:17px;font-weight:500}
/*# sourceMappingURL=main.f6755536.chunk.css.map */