:root{--primaryColor: #0b76d6;--darkColor: #1e1e1e;--f1: 90px;--f2: 45px;--f3: 30px;--f4: 25px;--f5: 20px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.primaryText{color:var(--primaryColor)}.whiteText{color:#fff}.primaryBG{background-color:var(--primaryColor)}.darkBG{background-color:var(--darkColor)}.f1{font-size:var(--f1)}.f2{font-size:var(--f2)}.f3{font-size:var(--f3)}.f4{font-size:var(--f4)}.f5{font-size:var(--f5)}.mt-3{margin-top:-30px}.mt5{margin-top:50px}.mr1{margin-right:10px}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;background-color:var(--darkColor)}.mainPage{max-width:1500px;margin:0 auto}.intro,.skills,.projects,.about,.contact{max-height:100vh;padding-top:20vh;padding-left:100px;padding-right:100px;text-align:center;overflow:hidden}.skills{max-height:none!important}.intro button,.intro a{background-color:var(--primaryColor);color:#fff;padding:10px 20px}button,.btn{padding:10px 20px;border-radius:5px;text-decoration:none;line-height:20px;display:flex;align-items:center}button:hover,.btn:hover{transform:scale(1.05)}button:active,.btn:active{transform:scale(.95)}.intro .btnsection{display:flex;column-gap:10px;text-align:center;justify-content:center}.skills>div{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:80%;margin:0 auto;padding:40px;box-shadow:1px 1px 1px silver,2px 10px 20px #91919180;background-color:#0003;border-radius:5px;text-align:center}.skills>div>p{transition-duration:.2s;transform-origin:center;cursor:crosshair;text-align:center;margin:0;background-color:var(--darkColor);font-size:15px}.skills>div>p:hover{transform:scaleY(1.5) rotateY(50deg) rotateX(-10deg) scaleX(2)}.selectionsection{display:grid;grid-template-columns:1fr 1fr}.selectionsection button{border:2px solid var(--primaryColor);padding:20px;display:flex;justify-content:center;cursor:pointer;border-radius:0;margin-left:-50px}.projects{padding-top:100px;height:auto}.project{padding:20px 20px 50px;text-align:left;color:#fff;display:grid;grid-template-columns:5% auto 5%;column-gap:1%;align-items:center;min-height:25vh}.project .main{display:grid;grid-template-columns:40% auto;max-height:500px}.project .icon{font-size:var(--f3);cursor:pointer;transition-duration:.1s}.project .icon:hover{color:var(--primaryColor);transform:scale(1.2)}.project .technologies{display:grid;grid-template-columns:repeat(5,1fr);column-gap:10px;margin-top:30px}.project .technologies p{text-align:center;box-shadow:2px 1px 2px #a8a8a880;padding:5px 10px;margin-top:0}.project .left{height:100%}.project .left p{font-size:18px;max-width:25vw}.project .left a{color:#fff;background-color:var(--primaryColor);padding:5px 12px;text-decoration:none;border-radius:5px}.project .right img{width:100%}.project .right{display:grid;border-radius:5px}.project .right .twoimg{display:grid;grid-template-columns:1fr 1fr}.about{background:linear-gradient(to right bottom,var(--darkColor) 0%,rgba(11,118,214,.15) 20%,rgba(11,118,214,.15) 80%,var(--darkColor) 100%);min-height:40vh;text-align:left;display:grid;grid-template-rows:20% auto;padding-top:120px;padding-bottom:70px}.about>h1,.contact>h1{margin:0 auto}.about>div{margin:10px auto;width:50%}.contact{margin:50px auto;padding-top:20px;display:grid;min-height:50vh}.contact form{display:grid;grid-template-rows:50px 50px 50px 100px 50px;row-gap:20px;width:50%;margin:auto auto 100px}.contact form input,.contact form textarea{padding:5px 10px;background-color:var(--darkColor);border:none;box-shadow:1px 1px 2px #fff;color:#fff;border-radius:5px}.contact form button{max-width:200px;text-align:center!important;background-color:var(--primaryColor);color:#fff;border:none;margin:0 auto;cursor:pointer}@media screen and (max-width: 560px){.skills>div{display:flex;flex-wrap:wrap}.project{padding:0;margin:0}.project .technologies{grid-template-columns:repeat(3,1fr)}.project>*{padding-left:0;padding-right:0}}@media only screen and (max-width: 600px){.intro,.skills,.projects,.about,.contact{padding-left:30px;padding-right:30px}.selectionsection{grid-template-columns:1fr}.selectionsection button{margin:20px auto}.projects{min-height:1200px}.project{grid-template-columns:5% auto 5%}.project .left{margin-bottom:40px}.project .left p{max-width:100%}.project .main{grid-template-columns:1fr}.project .right{display:grid}.projects .right .twoimg{grid-template-columns:1fr}.skills>div{width:80%}.about{margin:20px auto 0}.about>div{margin:10px auto;width:100%}.contact form{width:90%}}@media only screen and (min-width: 601px) and (max-width: 900px){.intro,.skills,.projects,.about,.contact{padding-left:50px;padding-right:50px}.skills>div{width:90%}.skills>div>p{font-size:20px}.projects{min-height:1200px}.project{grid-template-columns:5% auto 5%}.project .left{margin-bottom:40px}.project .right{margin-bottom:40px;border:2px solid red}.project .left p{max-width:100%}.project .main{grid-template-columns:1fr}.projects .right .twoimg{grid-template-columns:1fr 1fr}.about{margin:20px auto 0}.about>div{margin:10px auto;width:100%}.contact form{width:80%}}@media only screen and (min-width: 901px){.intro,.skills,.projects,.about,.contact{padding-left:100px;padding-right:100px}.skills>div{width:80%}.skills>div>p{font-size:20px}.selectionsection{grid-template-columns:1fr 1fr}.selectionsection button{margin:0}.project{grid-template-columns:5% auto 5%;padding-left:0;padding-right:0}.project .left{margin-bottom:40px;width:100%}.project .left p{max-width:100%}.project .main{grid-template-columns:50% 50%;column-gap:40px}.project .right{display:grid}.project .technologies{grid-template-columns:repeat(2,1fr)}.about{margin:20px auto 0}.about>div{margin:10px auto;width:100%}.contact form{width:60%}}@media only screen and (min-width: 1300px){.skills>div>p{font-size:20px}.project .technologies{grid-template-columns:repeat(4,1fr)}.about>div{margin:10px auto;width:80%}.contact form{width:50%}}.navbar{position:fixed;top:0;left:0;width:96%;background-color:#21212180;color:#fff;border-bottom:2px solid var(--primaryColor);z-index:99;padding:30px 2%;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0 auto;padding:0}.nav-links li{margin:0 10px}.nav-links a{font-size:16px;font-weight:700;text-transform:uppercase;color:#fff;text-decoration:none;background-color:var(--primaryColor);padding:10px 20px;border-radius:5px}.nav-links li:hover{transform:scale(1.05)}.burger{display:none;cursor:pointer}.line{width:25px;height:3px;background-color:#fff;margin:5px}@media screen and (max-width: 768px){.navbar{flex-direction:column;align-items:flex-end}.nav-links{width:100%;display:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:10px;width:60%}.nav-links li{margin:10px 0;width:100%}.nav-links li a{width:100%;display:block;text-align:center}.burger{margin-top:10px;display:inline}.burger:hover .line{background-color:#ccc}}