White space under banner ad driving me insane! How do i get rid of it?

Site URL: https://www.thedystopiantribune.com/

Hey folks, I'm trying to start a satirical news site right now because I'm in quarantine and I need a new hobby.

Anyway, i wanted to set up some ads for my site and for the most part they seem to be working but I'm having a helluva time getting rid of the white space underneath the amazon banner ad.

Can someone tell me what I should add to this code to get rid of that extra space? I have no idea what I'm doing.  I modified the code already, once to add a blank iframe to act as a spacer. (Before I added this, the banner ad was being overlaid on top of my header) 

I also added the "Center" instructions to the amazon banner javascript to center the banner ad. 

Here's the code:

<iframe style="border:none;" frameborder="0" width=”0″ height=”0″ ></iframe>

<center>

<div class="alignleft">
     <script type="text/javascript">
       	amzn_assoc_ad_type = "banner";
	amzn_assoc_marketplace = "amazon";
	amzn_assoc_region = "US";
	amzn_assoc_placement = "assoc_banner_placement_default";
	amzn_assoc_campaigns = "kindle";
	amzn_assoc_banner_type = "category";
	amzn_assoc_isresponsive = "true";
	amzn_assoc_banner_id = "1TC354VDT8N1C85H82";
	amzn_assoc_tracking_id = "reneb140b-20";
	amzn_assoc_linkid = "f3c3881a44074245d227beaa97eb0f";
     </script>
     <script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script>
  </div>

  </center>

Add to Home > Design > Custom CSS

main#page {
    margin-top: 20px !Important;
}