@font-face{font-family:Roboto;src:url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");font-weight:400;font-style:normal}*{box-sizing:border-box}#__next{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;align-items:center}.content-wrapper{padding:10vh 0}.content-wrapper,.info-wrapper{flex:1 1;box-sizing:border-box}.header{justify-content:space-between;padding:3vh 4vh;background-color:#400b6c;color:#fff;position:fixed;top:0;right:0;left:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1)}.header,main{font-family:Roboto,sans-serif;display:flex;align-items:center;width:100%}main{justify-content:center;flex-direction:column;padding:0 7vw}body{background-color:#141414}.logo img{height:5vh;width:auto}.nav,.nav-list{display:flex}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin-left:2vw}.nav-list a{color:#fff;transition:color .3s}.nav-list a,button{text-decoration:none;font-size:3vh}button{background-color:#800097;color:#000;border:none;padding:10px;text-align:center;display:inline-block;cursor:pointer;margin:10px;border-radius:5px;width:33vh}button,h1{font-family:Roboto,sans-serif}h1{color:#400b6c;font-size:10vh;margin:3vh 0}ul{margin:2vh 0}p,ul{color:#fff;font-size:3.5vh;font-family:Roboto,sans-serif}p{word-break:break-word}section{padding:10vh 0;max-width:80vw}.introducing>.image{width:30vw;height:30vw;flex:0 0 auto;margin-right:10vw}.introducing>.image img{max-width:100%}.introducing>.content{flex:1 1;max-width:80vw}body::-webkit-scrollbar{display:none}body{margin:0;flex-direction:column;justify-content:center}.introducing,body{display:flex;align-items:center}.introducing{margin:auto}.location{display:flex;align-items:center}.small-image{width:8vh;height:auto;margin-right:2vh}.skills-content{align-items:center;display:flex;flex-direction:column;padding-bottom:5vh}.skills-content>p{width:60vw}.skills-row{display:flex;justify-content:center}.skills-row img{margin:1vh 3vw;width:8vw;height:auto}.portfolio>h1{text-align:center}.project-image{height:auto;width:40vw;flex:0 0 auto;margin-left:10vw}.project>.image img{max-width:100%}.project>.project-content{flex:1 1;max-width:80vw}.project-content>a{font-family:Roboto,sans-serif;color:#400b6c;font-size:10vh;margin:3vh 0;text-decoration:none;font-weight:700;display:inline-block}.project{align-items:center;display:flex;margin:auto;padding-bottom:15vh}.technology-container{display:flex;gap:2vh}.oval{width:17vh;height:7vh;background:#800097;border-radius:15%/30%;align-items:center;color:#000;font-size:3.5vh;font-family:Roboto,sans-serif;text-align:center}.gallery,.oval{display:flex;justify-content:center}.gallery{flex-wrap:wrap}.gallery img{margin:5vh auto;width:40vw;height:auto}.row{display:flex;justify-content:center;width:100%}.ContactMe,.social-content{align-items:center;display:flex;flex-direction:column}.social-content{padding-bottom:15vh}.social-content>p{width:60vw}.social-icons{display:flex;justify-content:center;gap:15vw;padding:0;list-style-type:none}.social-icons a{display:inline-block;width:7vh;height:7vh;text-decoration:none}.social-icons img{width:100%;height:auto;display:block}.comic-picture{height:26vh;width:auto}.footer{background-color:#400b6c;color:#fff;text-align:center;position:absolute;bottom:0;left:0;right:0;width:100%}.footer-content{display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.comic-picture{height:17vh}section{padding:10vh 0}.nav-list a{font-size:3vh}h1{font-size:8vh}p,ul{font-size:3vh}button{font-size:2.5vh;width:33vh}.oval{font-size:3vh}.introducing>.image{width:40vw;height:40vw;margin-right:5vw}.skills-row img{width:10vw}.gallery img{margin:3vh auto;width:40vw;height:auto}.project-image{height:auto;width:100%;flex:0 0 auto;margin-left:0}.project>.image{margin-left:0;width:80vw;flex:0 0 auto}.project>.image img{max-width:100%}.project>.project-content{flex:1 1;max-width:80vw}.project-content>a{font-size:8vh;margin:3vh 0;text-decoration:none;display:inline-block}.project{display:flex;flex-direction:column;align-items:center;margin:auto;padding-bottom:15vh}.social-content{padding-bottom:10vh}.social-icons{display:flex;justify-content:center}.social-icons a{display:inline-block;width:5vh;height:5vh;text-decoration:none}}@media (max-width:480px){.comic-picture{height:11vh}main{padding:0 3vw}.logo{display:none}section{padding:5vh 0}.nav{width:100%;overflow:hidden;position:relative}.nav-list{list-style-type:none;padding:0;margin:0;text-align:center}.nav-list li{float:left;width:17vw;text-align:center}.nav-list a{text-decoration:none;font-size:2vh}.header{padding:3vh 0}.small-image{width:5vh;height:auto;margin-right:2vh}h1{font-size:5vh}p,ul{font-size:2.5vh}button{font-size:2vh;width:22vh}.oval{font-size:2.5vh}.introducing>.image{width:40vw;height:40vw;margin-right:5vw}.project>.image{margin-left:0;width:80vw;flex:0 0 auto}.project>.image img{max-width:100%}.project>.project-content{flex:1 1;max-width:80vw}.project-content>a{font-size:4vh;margin:2vh 0;text-decoration:none;display:inline-block}.project{margin:auto;padding-bottom:15vh}.gallery,.project{display:flex;flex-direction:column;align-items:center}.gallery,.row{width:100%}.row{display:flex;justify-content:center;flex-direction:column;margin:0}.gallery img{width:80vw;height:auto;margin:2vh 0}.social-icons a{width:5vh;height:5vh}.social-content{padding-bottom:6vh}.social-icons{display:flex;justify-content:center}.social-icons a{display:inline-block;width:3vh;height:3vh;text-decoration:none}.skills-content>p,.social-content>p{width:80vw}}