html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{width:100%;height:auto}body,html{font-family:Roboto,sans-serif;font-size:16px;color:#666}p{line-height:1.5}a{text-decoration:none;color:#ccc;text-transform:uppercase}a:hover{color:#000;transition:all 1s ease-out}hr{border-color:#666}.sq{width:7px;height:7px;background-color:#000;display:inline-block;margin-left:2px}h1{color:#000;font-size:4rem;font-weight:700}h2{color:#000;font-size:3rem;margin:20px 0}h3{color:#000;font-size:1.5rem;margin:20px 0}body,html{min-height:100%;min-height:100svh}section{width:70%;margin:0 auto}footer{margin-top:50px}#loading{position:absolute;top:0;left:0;z-index:5;background:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sk-cube-grid{width:100px;height:100px;margin:100px auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#000;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}nav{width:70%;margin:0 auto}nav ul{display:flex;padding-top:30px;padding-bottom:30px;align-items:center;justify-content:space-between;width:400px;position:relative;z-index:1}nav ul h1 a{color:#000}nav ul h1 a:hover{color:#666;transition:all 1s ease-out}#particles-js{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}.statement{width:70%;position:relative}.about{display:flex;justify-content:space-between}.aboutme{width:40%;box-sizing:border-box}.aboutme p{margin-right:30px}.placeholder{width:60%}.inner{border-width:1px;border-style:solid;border-color:#000;padding:30px}.slideshow button{display:none!important}.skills{display:flex;justify-content:space-between;margin-top:30px;margin-bottom:30px}.col{width:30%}.col ul{padding:15px;list-style-type:square}.col ul li{margin:10px 0}.col ul li::marker{color:#000}.grid{display:grid;grid-gap:5px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,320px);padding-bottom:50px}.grid .item:nth-child(1){grid-column:1/span 3;grid-row:1/span 2}.grid .item:nth-child(2){grid-column:4/span 2;grid-row:1/span 1}.grid .item:nth-child(3){grid-column:4/span 1;grid-row:2/span 1}.grid .item:nth-child(4){grid-column:5/span 1;grid-row:2/span 1}.grid .item:nth-child(5){grid-column:1/span 1;grid-row:3/span 2}.grid .item:nth-child(6){grid-column:2/span 2;grid-row:3/span 1}.grid .item:nth-child(8){grid-column:4/span 2;grid-row:3/span 2}.grid .item:nth-child(10){grid-column:1/span 2;grid-row:5/span 1}.grid .item:nth-child(11){grid-column:3/span 3;grid-row:5/span 1}.grid img{width:100%;height:100%;object-fit:cover}.single{display:flex}.single hr{width:99%}.col1{width:50%;box-sizing:border-box}.col1 p{margin-right:50px}.col1 ul{padding-left:20px;list-style-type:square}.col1 ul li{margin:10px 0}.col1 ul li::marker{color:#000}.col2{width:50%;border-style:solid;border-color:#000;border-width:1px;padding:20px;box-sizing:border-box}iframe{width:100%;min-height:100svh}.contact{width:40%}input[type=text],input[type=email]{border:0;width:100%}input[type=text]:focus,input[type=email]:focus{outline:none;font-size:1.5em;color:#666}.send{display:flex;align-items:center;justify-content:center;margin-top:30px}textarea{border:0;width:100%}textarea:focus{outline:none;font-size:1em;color:#666}#submit{background-color:#fff;padding:15px;border-style:solid;border-width:1px;border-color:#000;font-family:Roboto,sans-serif;cursor:pointer;font-size:1.2em;transition:all .5s ease-out}#submit:hover{background-color:#000;color:#fff}.alert{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff}@media only screen and (min-width: 2560px){body,html{font-size:45px}nav ul{width:50%!important}.sq{width:20px;height:20px}.grid{grid-gap:20px!important;grid-template-rows:repeat(5,720px)!important}}@media only screen and (max-width: 1536px){body,html{font-size:30px}nav ul{width:40%}.sq{width:14px;height:14px}.grid{grid-gap:10px;grid-template-rows:repeat(5,520px)}.col1 ul{padding-left:40px}h3{margin:40px 0}.col ul{padding-left:30px}}@media only screen and (max-width: 1366px){body,html{font-size:20px}.sq{width:10px;height:10px}}@media only screen and (max-width: 1024px){section{width:90%}nav{width:90%}.grid{grid-gap:10px;grid-template-rows:repeat(5,420px)}.aboutme{width:45%}.placeholder{width:55%}.contact{width:60%}}@media only screen and (max-width: 800px){.single{flex-direction:column}.col1,.col2{width:100%}.col2{margin-top:5%}.about{flex-direction:column}.aboutme,.placeholder{width:100%}}@media only screen and (max-width: 425px){nav ul{width:100%}.statement{width:100%}.grid{grid-gap:10px;grid-template-rows:repeat(5,300px)}.skills{flex-direction:column}.col{width:100%}.contact{width:90%}}