.ii {
    height: 50px;
    width: 10%;
    !background-color: powderblue;
    margin-left:200px;
    padding-left:30px;
    padding:20px;
    margin-right:-170px;
}
.languages {
    margin-left: 140px;
    font-family: Stencil;
    font-size: 18px;
    display: flex;
    text-decoration: none;
    
}
.A{
     width:500px;
     height:300px;
     margin:0;
     margin-top:5px;
     border:2px Solid #b200ff;
     border-radius:25px;
     
 }
 .B{
     width:130px;
     height:250px;
     margin-left:110px;
     border: 2px solid #088d84;
     border-radius:25px;
     opacity:100%;
     transition-timing-function:ease-in-out;
     animation:fadein 10s;
     margin-top:10px;
 }
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.C {
    width: 400px;
    height: 100px;
    border: 4px;
    border-radius: 30px;
    !margin-left: 15px;
    position: relative;
    margin-top: 60px;
    transition-duration: 2s;
    font-size: 28px;
    font-family:Forte; 
    padding: 30px 30px 60px 60px;
    text-align: center;
    text-decoration: none;
    background-color: black;
    color:green;
    display: table-cell;
}
    .C:hover {
        color: #1a0202;
        background-color:ActiveCaption; 
        text-decoration: dashed;
    }
.D{text-align:center;
   margin-top:55px;
   font-size:60px;
   transition-duration:1s;
   font-family:'Courier New';
   text-decoration:underline;
}
.F {
    font-size: 23px;
    background-color: white;
    transition: 2s;
    border: 4px dotted rgb(133 64 164 / 0.51);
    border-radius: 30px;
    width: 900px;
    margin-left: 200px;
    padding-left: 25px;
    animation: fadein;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'Poor Richard';
    animation: fadein 3s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.G {
    text-align: center;
    font-size: 55px;
    color: #8540a4;
    animation: fadein;
    margin-top: 115px;
    font-family: 'Poor Richard';
    font-display: auto;
    display: inline;
    margin-left: 520px;
}
@keyframes fadein {
    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}  
.G:hover{
    animation:step-start;
    cursor:copy;
}
.E {
    text-align: center;
    font-size: 34px;
    box-shadow:ActiveCaption 10px 10px inset;
    padding: 85px 25px 25px 25px;
    max-width: 500PX;
    font-family: 'Courier New';
    margin-left: 380PX;
    height: 300PX;
    border-radius: 30PX 30PX 30PX 30PX;
}
.H{
    margin-top:40px;
    background-color:brown;
    border:dotted;
    border-radius:10px 20px 10px 20px;
    display:ruby ;
    margin-left:30px;
    max-width:460px;
    
    
}
.H img{margin:10px 10px 10px 10px; border-radius:20px;
       height:100px; height:150px; 
}
.I {
    background-color:#229853;
    font-size: 32px;
    height: 350px;
    width: 550px;
    margin-top:80px;
    border: 4px solid;
    text-align: center;
    border-radius:40px 40px 40px 40px;
    margin-bottom:20px;
}
.J {
    background-color: #229853;
    font-size: 32px;
    height: 350px;
    width: 550px;
    margin-top: -375px;
    border: 4px solid;
    text-align: center;
    border-radius: 40px 40px 40px 40px;
    margin-bottom: 20px;
    margin-left:750px;
}
.k {
    text-align: center;
   
   
    margin-top: 30px;
    padding-bottom:-1000px;
    margin-bottom:-400px;
}
    .k img {
        padding-right: 0px;
        padding-bottom:-1000px;
    }
}
.L{
    font-size:42px;
    color:black;
    font-display:swap;

}
.M{
    height:50px;
    width:50px;
    margin-left:0px;
    margin-top:10px;
    margin-right:0px;
    padding:10px;
    display:table-row;
}
.M img{
    height:250px;
    width:200px;
    border:2px solid;
    margin-left:300px;
    border-radius:15px 15px 15px 15px;
}
.N {
    height: 250px;
    width: 200px;
    margin-left: 900px;
    margin-top: -200px;
    margin-right: 200px;
    border-radius: 15px 15px 15px 15px;
    display: table-row;
}
    .N img {
        height: 250px;
        width: 200px;
        margin-left: 800px;
        margin-top: -250px;
        margin-right: -800px;
        padding: 0px;
        display: table-row;
        border: 2px solid;
        border-radius: 15px 15px 15px 15px;
        
    }
.O {
    margin-top: 200px;
    margin-right: 40px;
    
    padding: 40px;
    width: 250px;
    font-size: 20px;
   
    margin-left: 50px;
}
.P {
    margin-top: -325px;
    margin-right: 440px;
    
    padding: 30px;
    width: 350px;
    font-size: 20px;
    
    margin-left: 50px;
    margin-left: 400px;
    font-size:25px;
}
.Q {
    margin-top: -270px;
    margin-right: 800px;
    
    padding: 30px;
    width: 300px;
    font-size: 20px;
   
    margin-left: 500px;
    margin-left: 850px;
    font-size: 20px;
}
.Q img{padding-left:-600px;
       margin-left:-20px;
}
.R{margin-top:-25px;}
.C:link{
    color:black;
    background-color:transparent;
    text-decoration:none;
}
.C:visited{
    color:black;
    background-color:transparent;
    text-decoration:none;
}
.C:hover{
    color:black;
    background-color:transparent;
    text-decoration:dotted;
}
!CC {
    background-color: #258dc8;
    margin: 40px 200px 40px 200px;
    padding: 25px 25px 25px 25px ;
    text-align: center;
    border: 5px solid #24d55e;
    border-radius: 8px;
    transition-duration: 2s;
}
.AA{
    margin-top:40px;
    margin-left:100px;
    !border:2px dashed purple;
    width:200px;
}
.BB {
    margin-top: -190px;
    margin-left: 400px;
    border: 4px #0c260c;
    width: 200px;
}
.CC {
    margin-top: -190px;
    margin-left: 700px;
    border: 4px #0c260c;
    width: 200px;
}
.DD {
    margin-top: -190px;
    margin-left: 1000px;
    border: 4px #0c260c;
    width: 200px;
}
.EE {
    margin-top: 45px;
    margin-left: 100px;
    border: 4px #0c260c;
    width: 200px;
}
.FF {
    margin-top: -175px;
    margin-left: 400px;
    border: 4px #0c260c;
    width: 200px;
}
.GG {
    margin-top: -200px;
    margin-left: 700px;
    border: 4px #0c260c;
    width: 200px;
}
.HH {
    margin-top: -230px;
    margin-left: 1000px;
    border: 4px #0c260c;
    width: 200px;
}
.II {
    margin-top: 30px;
    margin-left: 100px;
    border: 4px #0c260c;
    width: 200px;
    height:60px;
}
.JJ {
    margin-top: -180px;
    margin-left: 400px;
    border: 4px #0c260c;
    width: 200px;
}
.PN1 {
    margin-top: -200px;
    margin-left: 725px;
    border: 4px #0c260c;
    width: 200px;
    !margin-bottom:20px;
}

.PN11 {
    font-family: 'Showcard Gothic';
    margin-left: 725px;
    margin-top: -35px;
    height:60px;
}


.AAA{
    font-family:'Showcard Gothic';
    margin-left:130px;
    margin-top:15px;
}
.BBB {
    font-family: 'Showcard Gothic';
    margin-left:410px;
    margin-top:-45px;

}
.CCC {
    font-family: 'Showcard Gothic';
    margin-left: 710px;
    margin-top: -35px;
}
.DDD {
    font-family: 'Showcard Gothic';
    margin-left: 1030px;
    margin-top: -35px;
}
.EEE {
    font-family: 'Showcard Gothic';
    margin-left: 105px;
    margin-top: 10px;
}
.FFF {
    font-family: 'Showcard Gothic';
    margin-left: 415px;
    margin-top: -35px;
    !margin-bottom:-30px;
    padding-top:10px;
    height:40px;
}
.GGG {
    font-family: 'Showcard Gothic';
    margin-left: 735px;
    margin-top: -40px;
    !margin-bottom: -10px;
    !padding-top: 10px;
    height: 40px;
}
.HHH {
    font-family: 'Showcard Gothic';
    margin-left: 1035px;
    margin-top: -60px;
    padding-top: 14px;
    height: 40px;
    !padding-bottom:-50px;
    !margin-bottom:10px;
}
.III {
    font-family: 'Showcard Gothic';
    margin-left: 105px;
    margin-top: 45px;
}
.JJJ {
    font-family: 'Showcard Gothic';
    margin-left: 425px;
    margin-top: -18px;
    !margin-bottom:20px;
    height:40px;
}

.S{
    font-family:'Baskerville Old Face';
    font-size:32px;
}
.T{
    font-family:'Poor Richard';
}
.I{
    border:32px solid dashed;
}
.U {
    font-family: 'Lucida Handwriting';
}
.LL {
    font-family: 'Lucida Handwriting'
        font-size:22px;
    font-size:24px;
}
.V{
    font-family:Calibri;
    font-size:25px;
    margin-top:15px;
}
.W {
    font-family: calibri;
    font-size:22px;
    margin-left:-35px;
}
.Z{
    font-family:Calibri;
    font-size:20px;
}
.ZZ {
    display: contents;
    font-family: Forte;
    font-size: 25px;
    padding: 40px 40px 40px 40px;
    color: #e54242;
    margin-left: 20px;
}
.V1 {
    margin-top: 20px;
    font-family: Calibri;
    font-size: 25px;
}
.V2 {
    margin-top: 0px;
    font-family: Calibri;
    font-size: 25px;
}
.V3 {
    margin-top: 65px;
    font-family: Calibri;
    font-size: 25px;
}
.LL {
    font-family: 'Courier New';
}

.PN2 {
    margin-top:-240px;
    margin-left:1000px;
    border: 4px #0c260c;
    width: 200px;
    height:130px;
}
.PN22 {
    font-family: 'Showcard Gothic';
    margin-left:1015px;
    margin-top: -65px;
    height:60px;
}
.PN3 {
    margin-top: 30px;
    margin-left:100px;
    border: 4px #0c260c;
    width: 200px;
    height: 130px;
}
.PN33 {
    font-family: 'Showcard Gothic';
    margin-left: 100px;
    margin-top: 20px;
}
.PN4 {
    margin-top: -185px;
    margin-left: 400px;
    border: 4px #0c260c;
    width: 200px;
    height: 130px;
}
.PN44 {
    font-family: 'Showcard Gothic';
    margin-left: 400px;
    margin-top: -40px;
}
.PN5 {
    margin-top: -185px;
    margin-left: 700px;
    border: 4px #0c260c;
    width: 200px;
    height: 130px;
}
.PN55 {
    font-family: 'Showcard Gothic';
    margin-left: 730px;
    margin-top: -40px;
}
 
.!dropbtn{
    background-color:aqua;
    color:black;
    padding:12px;
    font-size:16px;
    border:none;
}
.dropdown{
    position:relative;
    display:inline-block;
     width: 400px;
    height: 100px;
    border: 4px;
    border-radius: 30px;
    !margin-left: 15px;
    position: relative;
    margin-top: 60px;
    transition-duration: 2s;
    font-size: 16px;
    font-family:Forte; 
    padding: 30px 30px 60px 60px;
    text-align: center;
    text-decoration: none;
    
    color:black;
    display: table-cell;
}
.dropdown-content{
    display:none;
    position:absolute;
    background-color:White;
    min-width:200px;
    box-shadow:ActiveCaption 4px 4px 4px 0px;
    z-index:1;
    margin-left:0px;
}
.dropdown-content a{
    color:black;
    padding:12px 16px;
    text-decoration:none;
    display:block;
}
.dropdown-content a:hover{
    background-color:#673a3a;
}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .dropbtn{background-color:#428a60;}