@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");@media screen and (max-width: 900px){nav ul li{width:50%;}nav ul li,nav [class~=menu-btn],[class~=projects],nav ul{display:flex;}nav ul li{margin-right:7.5pt;}[class~=about]{height:100vh;}[class~=projects] [class~=cards] [class~=card]:hover{transform:translateY(0px);}nav [class~=menu-btn]{color:red;}nav [class~=menu-btn]{font-size:1.875pc;}[class~=skills] p,[class~=about] h1,[class~=projects]{padding-left:0;}[class~=about] [class~=sec] [class~=para] p{font-size:19px;}input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}[class~=back] [class~=content] h3{font-size:12.75pt;}[class~=about]{position:relative;}nav ul li{background:rgba(255,255,255,.7);}[class~=projects]{padding-bottom:10%;}nav section [class~=logo]{display:none;}nav ul,[class~=projects]{flex-direction:column;}nav ul{gap:3.75pt;}[class~=contact] [class~=whole] [class~=for] form button{margin-left:0;}[class~=back] [class~=content] h1{font-size:2.875pc;}[class~=about] [class~=sec] [class~=para] a button:hover{background-color:#fff;}[class~=about] [class~=sec] [class~=para] p{line-height:150%;}[class~=about] [class~=sec] [class~=para] a button:hover,nav ul li a,[class~=back] [class~=content] [class~=explore]:hover{color:#f2474f;}[class~=about] [class~=sec] [class~=para] a button:hover{border-left-width:1.5pt;}nav ul,[class~=about] [class~=sec] img{position:absolute;}[class~=contact] [class~=whole] [class~=for] form button{margin-bottom:0;}nav ul{margin-top:127.5pt;}[class~=skills] p,[class~=projects],[class~=about] h1{padding-right:0;}[class~=projects] [class~=cards] [class~=card]:hover{box-shadow:.1875pc .1875pc .104166667in rgba(0,0,0,.2);}[class~=projects] [class~=cards] [class~=card]:hover{border-radius:.3125pc;}nav ul{width:95%;}[class~=contact] [class~=whole] [class~=info] [class~=in] p{font-size:.8125pc;}nav ul li,[class~=about] [class~=sec] [class~=para],[class~=projects],[class~=about] [class~=sec] img{align-items:center;}[class~=projects]{padding-top:10%;}[class~=about] h1{padding-bottom:0;}nav ul{height:100%;}[class~=se] h2 span{font-family:"Sacramento",cursive;}[class~=about] h1{padding-top:3.125pc;}[class~=skills] p,[class~=skills] [class~=tools] [class~=tool] [class~=progress]{width:100%;}nav ul{z-index:-1;}[class~=se] h2 span{font-size:1.5625pc;}[class~=skills] [class~=tools] [class~=tool] [class~=progress]{height:9.75pt;}[class~=fooder] [class~=fi] [class~=logo] [class~=bor] iconify-icon{font-size:10px;}nav ul{align-items:flex-end;}[class~=about] [class~=sec] [class~=para]{height:450px;}nav button{height:auto;}[class~=about] [class~=sec] [class~=para] a button:hover{border-bottom-width:1.5pt;}[class~=contact] [class~=whole] [class~=for] form,[class~=projects],[class~=about] [class~=sec] img,nav ul li{justify-content:center;}[class~=about] [class~=sec] [class~=para] p{letter-spacing:.020833333in;}nav ul li .active{background:none;}nav button{width:30px;}nav button{margin-right:18.75pt;}[class~=back] [class~=content] [class~=explore]:hover{background:transparent;}[class~=about] [class~=sec] [class~=para] a button:hover{border-right-width:1.5pt;}[class~=about] [class~=sec] [class~=para],[class~=about] [class~=sec]{display:flex;}[class~=skills] p{padding-bottom:2%;}[class~=skills] p{padding-top:2%;}.skills h3,[class~=contact] [class~=whole] [class~=for] h3{font-size:15pt;}[class~=about] [class~=sec] [class~=para]{flex-direction:column;}#home{background:linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,.9)),url("/images/background.jpg");}[class~=back] [class~=content] [class~=explore]:hover{border-left-width:.010416667in;}[class~=skills],.skills h3{margin-left:0;}nav button{display:grid;}[class~=about] [class~=sec] [class~=para] a button:hover{border-top-width:1.5pt;}[class~=back] [class~=content] [class~=explore]:hover{border-bottom-width:.010416667in;}.skills h3{margin-bottom:5%;}[class~=about] [class~=sec] [class~=para] a button:hover{border-left-style:solid;}nav button{background-color:transparent;}[class~=about] [class~=sec] [class~=para] a button:hover{border-bottom-style:solid;}[class~=about] [class~=sec] [class~=para] a button:hover{border-right-style:solid;}nav button{color:transparent;}[class~=about] [class~=sec] [class~=para]{width:80%;}[class~=skills]{margin-bottom:25%;}[class~=contact] [class~=whole] [class~=for] form button,[class~=skills],.skills h3{margin-right:0;}.skills h3{margin-top:5%;}[class~=skills] p{font-size:.1875in;}[class~=head] div{display:none;}[class~=fooder] [class~=fi] [class~=logo] [class~=bor] iconify-icon{gap:0;}[class~=about] [class~=sec] [class~=para] a button:hover{border-top-style:solid;}[class~=contact] button,nav button{border-left-width:medium;}[class~=about] [class~=sec] [class~=para]{position:absolute;}[class~=contact] button{background-color:#f2474f;}nav ul li a{position:relative;}[class~=about] [class~=sec] [class~=para] a button:hover{border-left-color:#f2474f;}#home{background-position:center;}[class~=about] [class~=sec] [class~=para]{left:10%;}nav button,[class~=contact] button{border-bottom-width:medium;}[class~=about] [class~=sec] [class~=para] a button:hover{border-bottom-color:#f2474f;}nav button,[class~=contact] button{border-right-width:medium;}[class~=skills]{margin-top:15%;}[class~=contact] button,nav button{border-top-width:medium;}[class~=back] [class~=content] [class~=explore]:hover{border-right-width:.010416667in;}[class~=about] [class~=sec] [class~=para] a button:hover{border-right-color:#f2474f;}[class~=skills]{height:auto;}[class~=skills]{text-align:center;}nav ul li a{right:0;}[class~=contact] button,nav button{border-left-style:none;}[class~=about] [class~=sec] [class~=para]{top:2.1875in;}nav button,[class~=contact] button{border-bottom-style:none;}[class~=about] [class~=sec] [class~=para] a button:hover{border-top-color:#f2474f;}[class~=about] [class~=sec] img{left:15%;}[class~=about] [class~=sec] [class~=para] a button:hover{border-image:none;}[class~=head],[class~=about] [class~=sec]{justify-content:center;}[class~=about] [class~=sec] [class~=para]{padding-left:.3125in;}nav button,[class~=contact] button{border-right-style:none;}[class~=about] [class~=sec],nav ul li a{align-items:center;}[class~=contact] [class~=whole] [class~=for] h3{padding-left:0;}[class~=about] [class~=sec] [class~=para]{padding-bottom:0pt;}[class~=about] [class~=sec] [class~=para]{padding-right:22.5pt;}.whole{flex-direction:column;}[class~=about] [class~=sec] img{right:3.4375pc;}[class~=fooder]{padding-left:2%;}#home{background-size:cover;}[class~=contact] [class~=whole] [class~=for] form button{margin-top:0;}[class~=fooder]{padding-bottom:2.5%;}[class~=se] h2 span{font-weight:500;}[class~=about] [class~=sec] img{border-radius:112.5pt;}[class~=about] [class~=sec] [class~=para]{padding-top:6.25pc;}[class~=contact] button,nav button{border-top-style:none;}[class~=fooder]{padding-right:3%;}nav button,[class~=contact] button{border-left-color:currentColor;}[class~=projects] [class~=cards] [class~=card]{box-shadow:.375pc .0625in 3pt rgba(0,0,0,.2);}[class~=fooder]{padding-top:1.5%;}[class~=about] [class~=sec] img{top:0pc;}[class~=back] [class~=content] [class~=explore]:hover{border-top-width:.010416667in;}[class~=contact] button,nav button{border-bottom-color:currentColor;}[class~=back] [class~=content] [class~=explore]:hover{border-left-style:solid;}nav button,[class~=contact] button{border-right-color:currentColor;}[class~=back] [class~=content] [class~=explore]:hover{border-bottom-style:solid;}nav button,[class~=contact] button{border-top-color:currentColor;}[class~=backtotop]{height:2.8125pc;}[class~=contact] button,nav button{border-image:none;}[class~=back] [class~=content] [class~=explore]:hover{border-right-style:solid;}[class~=contact] button{width:6.25pc;}[class~=back] [class~=content] [class~=explore]:hover{border-top-style:solid;}[class~=contact] [class~=whole] [class~=for],.contact textarea,[class~=skills]  [class~=skill] [class~=progress],nav ul li a,[class~=contact] [class~=whole] [class~=info]{width:100%;}[class~=contact] [class~=whole] [class~=for] h3{padding-bottom:4%;}[class~=skills]  [class~=skill] [class~=progress]{height:9.75pt;}[class~=back] [class~=content] [class~=explore]:hover{border-left-color:#f2474f;}[class~=about] [class~=sec]{flex-direction:row;}.se h2,nav ul li a,[class~=about] [class~=sec] img{text-align:center;}[class~=contact] button{height:35px;}[class~=back] [class~=content] [class~=explore]:hover{border-bottom-color:#f2474f;}nav button{cursor:pointer;}[class~=contact] button{margin-left:0;}[class~=backtotop]{width:.46875in;}[class~=contact] button{margin-bottom:5%;}[class~=fooder] [class~=fi] h1{font-size:.625pc;}[class~=contact] button{margin-right:0;}[class~=backtotop]{right:6%;}[class~=about] [class~=sec]{height:600pt;}[class~=backtotop]{bottom:4%;}[class~=contact] button{margin-top:5%;}[class~=back] [class~=content] [class~=explore]:hover{border-right-color:#f2474f;}[class~=contact] label{font-size:10.5pt;}[class~=views],.th ul,[class~=fooder] [class~=fi] [class~=logo]{gap:0pt;}[class~=back] [class~=content] [class~=explore]:hover{border-top-color:#f2474f;}.contact input,[class~=contact] textarea{font-size:13px;}select,a,button{-webkit-tap-highlight-color:rgba(0,0,0,0);}[class~=back] [class~=content] [class~=explore]:hover{border-image:none;}.se h2{font-size:8.25pt;}[class~=fooder] [class~=fi] h1{letter-spacing:0;}[class~=contact] [class~=whole] [class~=for]{border-radius:10px 10px 0 0;}[class~=contact] [class~=whole] [class~=for] h3{padding-right:0;}[class~=contact] [class~=whole] [class~=info]{border-radius:0 0 7.5pt 7.5pt;}nav ul li a{height:100%;}[class~=contact] [class~=whole] [class~=for] h3{padding-top:4%;}[class~=views] p{font-size:16px;}[class~=views] h1{font-size:1.875pc;}[class~=about] [class~=sec]{width:100vw;}[class~=contact] [class~=whole] [class~=info] h3{font-size:18px;}[class~=fooder] [class~=fi]{gap:3.75pt;}nav{z-index:10;}[class~=back] [class~=content] h1 span{font-size:25px;}[class~=th] ul li a{font-size:.09375in;}}@media screen and (max-width: 900px) , screen and (max-height: 400px){[class~=projects]{margin-top:40%;}}@media screen and (max-width: 900px) , screen and (max-height: 380px){[class~=tags]{width:80%;}}