@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.amimason{border-left:1px solid #000;width:50%;margin-top:50px}.computer{background-image:url(/Portfolio/assets/monitor-fmajgxr_.png);background-repeat:no-repeat;background-size:contain;height:250px;margin-top:50px;margin-left:280px;position:absolute}.keyboard{width:280px;height:140px;margin-top:240px;margin-left:-50px;transform:rotate(-4deg)}.cabinet{width:180px;height:400px;margin-left:-180px;transform:rotateY(180deg)}.all{flex-direction:row-reverse;padding-top:80px;display:flex}.profile{color:#38f2e0;width:300px;height:300px;margin:100px 250px 0 0}.profile h1{color:#0fc9f2;margin-top:40px;margin-left:-50px;font-weight:900}.profile p{text-align:justify;text-indent:20px;margin-top:12px;margin-left:-100px;margin-right:-200px;font-weight:600}.reactlogo{width:130px;height:130px;animation:5s linear infinite reactlogo;position:relative;top:90px;left:325px;transform:rotateY(-20deg)}@keyframes reactlogo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=1024px){.profile{width:180px;margin-left:50px;margin-right:210px}.computer{margin-top:10px;margin-left:170px}.reactlogo{margin-top:-40px;margin-left:-120px}}@media screen and (width<=768px){.profile h1{margin-left:-30px;margin-right:-10px;font-size:25px;font-weight:600}.profile p{width:370px;margin-left:-40px;font-size:15px;font-weight:400}.profile{width:150px}.cabinet{width:120px;height:250px;margin-top:1px;margin-left:-120px}.keyboard{width:200px;height:100px;margin-top:100px}.computer{height:250px;margin-top:50px;margin-left:120px}.reactlogo{width:80px;height:80px;top:120px;left:265px}}@media screen and (width<=425px){.all{flex-direction:column-reverse}.profile{margin-top:-10px;margin-left:70px}.profile h1{font-size:20px;font-weight:400}.profile p{font-size:12px;font-weight:300}.computer{margin-top:-120px;margin-left:180px}.reactlogo{top:-50px;left:330px}}@media screen and (width<=375px){.computer{margin-left:160px}.reactlogo{left:310px}.profile{margin-left:50px}.profile h1{font-size:18px;font-weight:300}.profile p{width:350px;font-size:12px;font-weight:200}}@media screen and (width<=320px){.computer{margin-left:135px}.reactlogo{left:285px}.profile h1{font-size:16px}.profile p{width:300px;font-size:11px}}.menu{color:#021226;z-index:5;background-color:#ffffffb6;border-radius:15px;justify-content:space-between;width:95%;height:9%;display:flex;position:sticky;top:3%;left:2.5%;right:2.5%}.menu h1{margin-top:10px;margin-bottom:8px;margin-left:30px}.menu ul{flex-direction:row;margin-top:20px;margin-right:15px;list-style-type:none;display:flex}.menu a,.burgermenucontent a{color:#021226;padding:15px;font-weight:600;text-decoration:none;transition-duration:.4s}.menu a:focus{background-color:#d762d9;border-radius:15px;padding:12px 15px}.burgermenu{display:none}.nav{width:100%;position:absolute;top:20px}.burgermenu{color:#021226;background-color:#ffffffb6;border-radius:10px;justify-content:space-between;width:95%;margin-left:2.5%;padding:5px;display:none;position:sticky}.burgermenu button{background:0 0;border:none;width:40px;height:30px;margin-right:25px}.burgermenu h2{margin-left:25px}.burgermenu span{background-color:#000;border-radius:3px;flex-direction:column;width:28px;height:3px;margin:5px 0;display:flex}.burgermenucontent{z-index:6;background-color:#38f2e0;width:40vw;height:87.4vh;margin-top:10px;margin-left:60vw;list-style-type:none;position:absolute;overflow:hidden}.blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;width:100vw;height:100vh;position:absolute}.burgermenucontent li{margin-top:10px}.burgermenucontent a{padding:10px 0 10px 50px}.burgermenucontent a:focus{background-color:#d762d9;padding:10px 100% 10px 50px}@media screen and (width<=425px){.menu{display:none}.burgermenu{display:flex}}@media screen and (width<=375px){.burgermenu{width:92%}}.skill{grid-template-columns:repeat(3,1fr);margin:0 10px;padding-top:90px;display:grid}.data{border:2px solid #000;margin:10px;transition-duration:.3s}.head{justify-content:space-between;margin-top:5px;margin-right:5px;display:flex}.head h1{color:#0fc9f2;margin-top:-3px;margin-left:7px}.body{text-indent:10px;margin:10px 5px 5px}.body p{color:#38f2e0;margin:5px;font-size:17px;font-weight:500}.data:hover{background-color:#031935bd}@media screen and (width<=1000px){.skill{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=500px){.skill{grid-template-columns:repeat(1,1fr)}}@media screen and (width<=768px){.skill{overflow:scroll}}.projects{grid-template-columns:repeat(1,1fr);gap:10px;padding-top:90px;display:grid}.projects iframe{width:80%;height:510px}.projects div{text-align:center;margin-left:10px;font-weight:500}.projects h3{font-size:19px}@media (425px<width<1024px){.projects div{margin-top:10px}.projects iframe{width:90%;height:550px}}.table{padding-top:120px}.table a{color:#000;text-decoration:none}table{background-color:#852e8691;border-radius:10px;margin:0 30% 0 25%}td{padding:10px 0 0}td h2{margin:0 150px 0 50px}td h3{margin:0 50px 0 0;overflow:hidden}td a{padding:0}@media screen and (width<=1024px){table{margin-left:15%}td h2{margin-right:100px}}@media screen and (width<=768px){td h2{margin-left:20px;margin-right:100px}table{margin-left:7%}}@media screen and (width<=425px){.table{padding-top:80px}tr{text-align:center;flex-direction:column;display:flex}table{margin-top:15px;margin-left:70px}td h3{margin-left:5px;margin-right:5px;font-size:13px}td h2{text-align:left;font-size:18px}}@media screen and (width<=375px){table{margin-left:45px}}@media screen and (width<=320px){table{margin-left:16px}}*{font-optical-sizing:auto;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.container{background-color:#063573;min-width:100vw;min-height:100vh}