*{margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eaf0fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;overflow-x:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}body{background:#0f192b;max-height:100vh;min-height:100vh}.App{display:flex;flex-direction:column;margin-left:4em;margin-right:4em;max-height:inherit;min-height:inherit}.content{align-items:center;display:flex;justify-content:center;min-height:100vh}@media screen and (max-width:640px){.App{align-items:center;margin-left:55px;margin-right:55px}}.mobile__option{align-items:center;background-color:#0f192b;display:flex;flex-direction:column;font-size:8vw;height:80vh;overflow:hidden;overflow-y:hidden;padding-top:20vh;position:absolute;width:100vw;z-index:10}.mobile__option>a>li{list-style:none;margin-bottom:30px}.header__option>ul{display:flex;flex-direction:row;list-style:none}.header__option>ul>a{cursor:pointer;margin:10px 10px 10px 30px;transition:all .2s ease-in}.header__option>ul>a:active,.header__option>ul>a:focus,.header__option>ul>a:hover{color:#0094ff;padding:1px}@media screen and (max-width:640px){.header__option ul a{margin-left:.4em;transition:all .2s ease-in}.header__option ul a:last-child{margin-left:0}}.header{background-color:#0f192b;font-family:Poppins,sans-serif;font-weight:600;height:100px;justify-content:space-between;max-width:100vw;min-width:90vw;z-index:100}.header,.header a{align-items:center;display:flex;margin-right:10px}.header a{color:#eaf0fa;justify-content:center;text-decoration:none}.header p{margin-right:20px;margin-top:10px}.toggle{cursor:pointer;z-index:100}.mobile{display:none}.close{position:absolute;right:50px;text-align:center;-webkit-transform:scale(1.3);transform:scale(1.3);z-index:1000}.mobileView{font-weight:500;margin-top:0;position:absolute;right:100%;top:0}@media screen and (max-width:500px){.header{display:flex;font-size:3.5vw;justify-content:space-evenly;min-width:100vw}.desktop{display:none}.mobile{display:block;margin-left:50vw}}@media screen and (max-width:800px){.header{font-size:3vw}.mobile{margin-left:calc(100vw - 150px)}}.home{align-items:center;display:flex;font-family:Poppins,sans-serif;max-height:100vh;min-height:90vh;min-width:90vw;overflow-y:hidden}.introduction{max-width:100vw;overflow:hidden}.name{color:#bccde9;display:flex;flex-direction:row;font-size:4.4em;font-weight:500;white-space:nowrap}.name>span{color:red}.home__intro{font-size:1.5em;justify-content:center;max-width:100vw}.btn{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:20px;width:500px}.resume{align-items:center;background-color:#0094ff;border:none;border-radius:20px;color:#cadaf5;cursor:pointer;display:flex;font-size:15px;font-weight:500;height:40px;justify-content:center;margin-right:80px;text-decoration:none;transition:all .2s ease-in;white-space:nowrap;width:200px}.resume:hover{background-color:#4382e7;color:#ddcfcf}.home__contact{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-top:10px}.home__icons{align-items:flex-start;display:flex;height:50px;margin-left:6px;margin-top:20px}.home__icons a{align-items:center;display:flex;justify-content:center;margin-right:30px}.github,.instagram,.linkedin,.twitter{color:#0094ff;-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .5s ease-in}.instagram:focus,.instagram:hover{color:#fb3958}.github:focus,.github:hover{color:#fff}.linkedin:focus,.linkedin:hover{color:#2867b2}.twitter:focus,.twitter:hover{color:#0c73b6}.svg{left:40vw;position:fixed;top:-1vh;width:50vw;z-index:-1000}@media screen and (max-width:444px){.home{display:flex}.resume{width:80vw}.home__icons{margin-right:0}.home__icons a{margin-right:15vw}}@media screen and (max-width:640px){.home{align-items:center;display:flex;margin-left:20px;margin-top:2vh;width:100vw}.name{font-size:11.1vw}.home__contact{display:flex;flex-direction:column}.home__intro{font-size:5vw}.home__icons{display:flex;justify-content:left;margin-left:15px;margin-top:20px}}.mail{align-items:center;background-color:#0094ff;border-radius:20px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-bottom:10px;transition:all .2s ease-in;white-space:nowrap;width:200px}.mail:hover{background-color:#4382e7;color:#ddcfcf}.mail a{color:#cadaf5;text-decoration:none}@media screen and (max-width:444px){.mail{margin-right:80px;width:80vw}}.about{margin-top:40px;min-height:100vh;width:50vw}.about p{font-size:1.5em;text-align:justify}.achievement{align-items:center;display:flex;flex-direction:column;font-size:2vw;height:100vh;justify-content:center}@media screen and (max-width:600px){.about{height:auto;width:100vw}.about p{font-size:1em;padding:30px}.achievement{font-size:3.33333vw}}.projects{display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin-top:40px;min-height:80vh}.projects__project{font-size:7vw;font-weight:200;justify-content:center;min-height:70vh}.projects__project,.soon{align-items:center;display:flex}.soon{flex-direction:column}.dots{display:flex}.dot{background-color:#fff;border-radius:40px;height:50px;margin-bottom:50px;margin-left:60px;width:50px}@media screen and (max-width:640px){.projects>h1{font-size:5vw}.dot{border-radius:40px;height:30px;width:30px}.dot,.projects{margin-left:10px}}:root{--size:200px}.technologies{align-items:center;display:flex;height:auto;margin:100px;width:100vw}.tech{flex-wrap:wrap}.tech,.tech div{align-items:center;display:flex;justify-content:center}.tech div{border-radius:50%;flex-direction:column;height:200px;height:var(--size);transition:all .5s ease-in;width:200px;width:var(--size)}.tech div svg{height:133.33333px;height:calc(var(--size)/1.5);width:133.33333px;width:calc(var(--size)/1.5)}.tech div p{font-weight:700;margin-top:10px}.tech div i{display:grid;font-size:100px;height:133.33333px;height:calc(var(--size)/1.5);place-items:center;width:133.33333px;width:calc(var(--size)/1.5)}.tech__css:hover{background-color:rgba(21,114,182,.4)}.tech__github:hover{background-color:hsla(0,4%,9%,.4)}.tech__html:hover{background-color:rgba(228,77,38,.4)}.tech__js:hover{background-color:rgba(240,219,79,.4)}.tech__node:hover{background-color:rgba(131,205,41,.4)}.tech__react:hover{background-color:rgba(97,218,251,.4)}.tech__socket:hover{background-color:rgba(1,1,1,.4)}.tech__express:hover{background-color:rgba(0,0,0,.4)}.tech__firebase:hover{background-color:rgba(245,130,32,.4)}.tech__mongodb:hover{background-color:rgba(79,170,65,.4)}@media screen and (max-width:1200px){.tech{width:100%}}
/*# sourceMappingURL=main.63b67240.css.map*/