*{margin: 0; padding:0;} body{font-family:Arial, Helvetica, sans-serif;color:white}

.box1{background-color:red;padding:10px;font-variant: small-caps;color:aliceblue;}
.box2{padding:10px;}
.one{
    padding: 15px;
    margin: 30px;
    border-radius: 10px;
    background-color: blueviolet;
    width:25%;
    display:inline-block;
}
.one  h1{color:red;
   
    vertical-align: top;}
.one button{
    background-color:red;
    color:black;
    border-radius:10px;
    padding:10px;
    border:none;
}
.box3{
    background-color:black;
    opacity:0.8;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
    display:none;
}
.popup{
background-color:red;
position:absolute;
width: 40%;
top:20%;
left:20%;
border-radius: 10px;
padding:10px;
z-index: 2;
display:none;
}
.popup h2{
    background-color: blue;
}
.popup input{
    background: transparent;
    border:none;
    width:90%;
    margin:5px;
    padding:5px;
    font-size:20px;
    border-bottom:solid black 2px;
}
.popup textarea{
    background: transparent;
    border:none;
    width:90%;
    margin:5px;
    padding:5px;
    font-size:20px;
    border-bottom:solid black 2px;
}

#popbutton{
    font-size: 40px;
    background-color: red;
    bottom:30px;
    color:black;
    right:30px;
    border-radius:100%;
    padding:20px;
    
    position:fixed;
}
.popup input::placeholder{color:black;}
.popup textarea::placeholder{color:black;}
.popup button::placeholder{background-color:black;
padding:20px;border:none;color:white;margin:5px;}
.popup input:focus{outline:none}
.popup textarea:focus{outline:none}